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

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

＜原因＞

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

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

＜対策＞

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

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

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

対処法

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

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

②「Add setInterval function」をクリック

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

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

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

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

【コードについて補足】