【トラブル】プレビューモードでプレビューが見えない
問題
プレビューを見る ボタンをクリックしても、プレビューモードウインドウにプレビューが反映されない。
解決方法
プレビューデバッガーが現れない場合
プレビューデバッガーとは、通常、プレビューウィンドウの右下隅に黒いバー付きで表示される領域のことです。
このプレビューデバッガーが表示されない場合：
テストページにVWOタグが正しく設置されているか、確認してください。プレビューデバッガーが表示されない原因は、VWOタグが発火していない場合に限られます。単にVWOタグが設置されていないか、タグ崩れの影響で発火ができていない可能性があります。
キャッシュ、クッキーを削除してから、プレビューを再び開いてみてください。
実際にVWOタグが入っている場合は、ブラウザのカスタム設定で AdBlocker のようなエクステンションがインストールされているかどうかを確認してください。またブラウザの設定で、サードパーティCookieを有効にする必要があります。
Test is not running on this page エラーが表示される場合
Test is not running on this page (テストがこのページ上で実施されていません）というエラーがプレビューモードデバッガーに表示される場合：
プレビュー用URLがテスト対象URLに含まれていない場合はプレビューに反映されません。
クロスドメインでテストしたい場合、設定＞その他＞詳細オプション から 複数のドメインを含んだキャンペーン の設定を有効にしてください。
正規表現を使用する際は、シンタックスエラー（構文エラー）がないかどうか、確認してください。例えば http://www.example.com/(page1.html|page2.html) のような正規表現には、エスケープ文字を使って、次のように設定する必要があります: http:\/\/www\.example\.com\/(page1\.html|page2\.html)
Matching Test Page Pattern: Failure エラーが表示される場合
Matching Test Page Pattern: Failure （テスト対象URLと一致しません）というエラーが表示される場合：
ランディングURLが、VWOにて設定したテスト対象URLに含まれてない場合、上記エラーが表示されます。テスト対象URLの設定で、ワイルドカードや正規表現を使用する場合、プレビュー用のURLも含まれているか確認してください。
ランディングURLが http 、 https のどちらのプロトコルか確認し、VWOにて設定されたテスト対象URLのプロトコルと同じものかどうか確認してください。
Element not loaded エラーが表示される場合
Element not loaded （要素が読み込まれていません）というエラーが表示される場合：
VWOのビジュアルエディタでWebページ内の要素を変更する際、変更された要素のCSSセレクタパスが保存されます。テストパターンを反映する際には、本番サイト上で同じ要素を探して変更を反映します。サーバー側でソースコードが変わると、CSSセレクタパスが変わってしまう場合があり、VWOが該当要素にアクセスできなくなる可能性があります。
要素に動的なIDを割り当てて表示するようなページではありませんか。動的なIDを利用するページの場合、VWO上で保存されたIDと異なるIDが割り当てられ、要素が見つからない可能性があります（そのIDが変わったということ）。解決方法としては、要素に静的なIDを付与するか、コードエディタを利用してJavaScriptのカスタムコードでテストパターンを作成する方法があります。
同じ要素に複数の変更を設定しないようにご注意ください。
VWOのテスト設定が適用された後に要素が読み込まれる場合（AJAXコンテンツ等）、該当要素にテストパターンが反映されません。この場合、下記のようなコードをVWOコードエディタ上で最下部に設置すると、全要素が読み込まれた後にテストパターンを反映する事ができます。
vwo_$(function() {
_vis_opt_element_loaded(_vis_opt_experiment_id);
});