JavaScriptコードの設置 – Kaizen Platform ヘルプセンター

1. JavaScript コードの取得

Kaizen Platform を使ったエクスペリエンスを実施して頂くには、デザインを改善する対象のサイトに JavaScript コードを設置して頂く必要があります。JavaScript コードは組織ごとに１つ発行されます。以下の手順でご確認ください。

2. JavaScript コードの設置対象となるページを確認

Kaizen Platform の JavaScript コードはエクスペリエンスを実行したいページ（ デザインを改善するページの URL ）と、計測ポイントのページ（ カスタムゴール の URL ）の両方に設置する必要があります。
JavaScript コードの設置対象ページはエクスペリエンスの設定内容によって異なります。

コピーした JavaScript コードは以下のページに設置して頂く必要があります。

JavaScript コードの設置が必要なページ
- デザインを改善するページの URL
- ゴールの URL （計測ポイントのページ）

Kaizenの分析ツールを活用してサイト全体を分析するには、すべての計測対象ページに JavaScript コードを設置してください。

3. JavaScript コードを設置する

JavaScript コードは </head> の直前に設置をお願いいたします。
また </head> 直前に設置できない場合でも、下記２点にはご注意ください。

CSS ファイルや既存の JavaScript コードなど描画に関する外部ファイルが、 Kaizen Platform の JavaScript コードより先に読み込まれるようにご設定ください。
- 外部ファイルが Kaizen Platform の JavaScript コードより後に読み込まれると、エクスペリエンス用に作成したデザイン案が、意図したとおりに表示されなくなる恐れがあります。
エクスペリエンスが実行されるまでの時間は、JavaScript コードの設置位置によって変動します。
- </head> の直前、もしくは <body> タグの直後以外に JavaScript コードを設置される場合、ページの読み込みが完了してから、エクスペリエンスが実行されるまでに多少のお時間がかかる場合があります。あらかじめご了承ください。

JavaScript コードの設置例:


<script data-kz-key="xxxxxxxxxxxxxxxx"
 data-kz-namespace="kzs"
 src="//cdn.kaizenplatform.net/x/xx/xxxxxxxxxxxxxx.js"></script>

4. JavaScript コードの設置を確認する

JavaScript コードが正しく設置されているかどうかは、設置したページにブラウザでアクセスしてご確認ください。
Google Chrome ブラウザのデベロッパーツールを利用した確認方法をご紹介します。

Google Chrome ブラウザで JavaScript コードを設置したページを表示します。
メニューから表示＞開発/管理＞デベロッパーツールを選択します。
Network タブを開いて、ページをリロードする
JavaScript コードに含まれるjsファイルが読み込まれていることを確認してください。

Google Chrome ブラウザでデベロッパーツールを開く:

よくある質問

JavaScript コードを <head> タグ内に設置できないのですが、この場合には動作するでしょうか？

ページのどこに設置しても、動作自体は可能です。ただし、 Kaizen Platform の JavaScript コードの読み込みが完了するまではデザイン変更の反映が開始されません。そのため、ページの上部へのご設置を推奨しております。万が一 <head></head> 内の設置が難しい場合は、<body> の開始直後をご推奨しております。

**JavaScript コードを設置したのですが JavaScript コードステータスに数値が計上されません。**

JavaScript コードを設置いただいてから エクスペリエンスの設定 ページの チェックリスト 内にある JavaScript コードステータスに数値が反映されるまで少し時間がかかります。しばらく時間が経過してから再度ご確認ください。

Google タグマネージャなどのタグマネジメントツールでも動作しますか？

Google タグマネージャ経由で実行した場合に Kaizen Platform の JavaScript コードが動作することを確認しております。ただし、タグマネージャそのものの仕様や動作につきましては、弊社製品ではないため、サポート対象外とさせていただいております。あらかじめご了承ください。

タグマネジメントツールの利用を推奨しない理由はありますか？

タグマネジメントツールは、非同期通信での JavaScript 配信を行っています。この場合、Kaizen Platform の JavaScript コードの配信タイミングを指定できないため、ページが読み込まれてから、エクスペリエンスが開始されるまでにお時間がかかる場合がございます。
また、タグマネジメントツールは head タグより後にご設置されている場合もあり、この場合には、さらにエクスペリエンスの実行にお時間がかかることが想定されておりますため、現段階では利用を推奨させていただいておりません。
ただし、コンバージョンページにおいて、エクスペリエンス実施におけるコンバージョン計測のみで利用される場合においては、この限りではございません。

テストページとゴールページでドメインが変わる場合、特殊な設定は必要ですか？

フォームページでは別のシステムを使っている、などの理由で、LPや詳細ページからファームに遷移する際に別のドメインに移ってしまう場合がありますが、その場合JSコードの設置に特殊な設定が必要です。
詳しくはこちらをご覧ください。

ゴールページにJSタグを貼ることができません

セキュリティーの問題で、完了ページなどのゴールページに JavaScript コードを貼れない場合、その手前のページのコンバージョンボタンにクリックトラッキングを仕掛け、「何回ボタンがクリックされたか」でコンバージョンのカウントを代用できます。
詳しくはこちらをご覧ください。