【トラブル】テストパターンの変更箇所が適用されない


ページの構造やVWOタグが設置されている場所によっては、VWOタグの発火のタイミングの問題や、ページ・要素の読み込みの問題が発生することがあります。

<原因>

コードを読み込む順番が原因であることが考えられます。

編集したい要素がページで読み込まれる前にVWOのコードが実行されると、編集すべき箇所が見当たらず、反映されないということがあります。

<対策>

コードを読み込む順番が原因であった場合、「編集したい要素が存在するまで待って、その要素が存在したら、変更したいコードを実行する」という流れのコードを書くことで解決できます。

コードは、VWOのエディターで自動生成することが出来ます。

下記を参考にしてください。

対処法

ビジュアルエディタの[CODE]を開きます。

①JAVASCRIPTのタブの右側にある歯車マークをクリック

②「Add setInterval function」をクリック

「編集したい要素が存在するまで待って、その要素が存在したら、変更したいコードを実行する」というコードが自動生成されます。

③コード内の「CSS_SELECTOR_PATH_OF_ELEMENT」の箇所を、編集したいセレクタに書き換えます。

④「// Make changes that require the element to be present」の下の行に、変更内容のコードを記入します。

コードの変更が出来たら設定は完了です。


【コードについて補足】 

黄色ハイライト箇所

自動生成ボタンを押す度に変わります。そのため、見本のコードと同じ数字の並びになっていなくても問題ありません。

ピンクハイライト箇所

CSS_SELECTOR_PATH_OF_ELEMENTを削除し、ここに編集したい要素のセレクタを入れてください。

※シングルクォーテーションは消さないように気をつけてください。

 if (vwo_$('.test').length) {


緑ハイライト箇所

この行の下に変更が適用されなかったコードを入れ込んでください。

この方法で解決しない場合は別の問題が考えられます。

support@assion.jp までご連絡ください。