コードエディタのキャンペーンJS/CSSについて

キャンペーンJS/CSS（Campaign JS/CSS）はテスト対象ページにおいて、コントロールも含む全パターンに適用するコードです。キャンペーンJS/CSSを追加するにはコードエディタ画面の右上のタブを選択してください。

Tips

キャンペーンJSは、ゴールページにも適用することができます。

※スプリットURLテストでは、コードエディタをご利用いただけません。ご了承ください。

キャンペーンJS/CSS機能では、ポストキャンペーンJS（Post Campaign JS）とプレキャンペーンJS（Pre-Campaign JS）の2種類のJavaScriptコードを追加することができます。

Post Campaign JS

キャンペーンJS を利用する時デフォルトで表示されるのが、ポストキャンペーンJSの入力ボックスです。ポストキャンペーンJSのコードは、パターンが決定されてから発火されるJSコードです。つまり、ビジターにパターンが表示されたあとに発火されるコードになります。

使用例：

• VWOキャンペーンのデータをアナリティクスツールに送信する

• カスタムコンバージョンゴールの計測

Pre-Campaign JS

パターンが決定される前に発火されるJavaScriptコードとなります。そのため、テスト対象ページ以外のURL（例えば、ゴール設定で利用されているURL） にも反映されます。

使用例：

• サイト全体のソースコードを変更することなく カスタムコンバージョンゴールのタグを挿入する

• ビジターに表示されたパターンを判別する

プレキャンペーンJSを追加するには、キャンペーンJS/CSS画面にてJavascriptタブの歯車マークをクリックして、 プレキャンペーンJSを追加 を選択してください。

キャンペーンJSの入力画面が２カラムに分けられます。右側の入力ボックスはプレキャンペーンJS用で、左側はポストキャンペーンJS用になります。