コードエディタを利用したカスタムCVタグの設置方法

カスタムCVタグをコードエディタで設置

カスタムCVゴールを利用する際には、発行される該当ゴール専用のJavascriptタグをカスタマイズしたもの (カスタムCVタグ)を、ゴールが発火されるページに設置する必要があります。

方法はいくつかありますが、ここではVWOのコードエディタを利用して設置する方法をご紹介します。

①カスタムCVタグを設定する

カスタムCVタグの設定方法に関しては、この記事を参照してください。

② コードエディタを開く

ビジュアルエディタから、「</> CODE」 ボタンをクリックすると、コードエディタが開きます。

③「キャンペーンJS/CSS」タブを選択

コードエディタの右上にある キャンペーンJS/CSS タブを選択します。

④「プレキャンペーンJSを追加」を選択

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

プレキャンペーンJSを追加した後、入力ボックスが２カラムに分かれます。 

⑤カスタムCVタグの貼り付け

カスタマイズしたカスタムCVタグを、ポストキャンペーンJS、プレキャンペーンJS のいずれかに貼り付けます。

• プレキャンペーンJSはテスト対象ページ以外のURL（ゴール設定で利用されているURL） にも反映されます。そのためカスタムCVがテスト対象ページ上で計測されない場合は、プレキャンペーンJSを利用してください。

• ポストキャンペーンJSはテスト対象ページにのみ反映されます。そのため、カスタムCVがテスト対象ページ上で計測される場合はポストキャンペーンJSを利用してください。

⑥設置完了

緑色の 完了 ボタンをクリックして保存すると、カスタムCVタグの設置が完了です。

Attention!

キャンペーンJSを利用する場合は、必ずそのページの構成・挙動に沿う形でJSコードのカスタマイズが必要になります。ただコピー＆ペーストするだけだと、ゴールが計測出来なかったり、最悪の場合キャンペーンが正常に動かない可能性があります。