【トラブル】テストパターンの変更箇所が適用されない
ページの構造や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 までご連絡ください。