> For the complete documentation index, see [llms.txt](https://docs.vwo.gaprise.jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vwo.gaprise.jp/testing/troubleshooting/hyw5b25t4c.md).

# トラブルシューティング：プレビューが確認できない

## 問題 <a href="#issue" id="issue"></a>

\[プレビューを開く]ボタンをクリックしてバリエーションのライブプレビューを確認しても、プレビューを表示する \[プレビューモード] ウィンドウが表示されません。

## 解決 <a href="#solution" id="solution"></a>

### （1）プレビューモードデバッガーが表示されない場合 <a href="#id-1" id="id-1"></a>

通常、プレビューウィンドウの右下に、下記のようなプレビューモードデバッガーが表示されます。

<div align="left"><figure><img src="/files/8KE9PxiFnHQpu9jiwHlQ" alt="" width="265"><figcaption></figcaption></figure></div>

表示されない場合、下記項目をご確認ください。

* スマートコードがテスト ページに正しく設置されていることを確認してください。プレビュー デバッガーが表示されない主な原因は、ページ上でスマートコードを実行できなかった場合です。\
  コードがウェブ ページに存在しないか、構文エラーがあり、それが原因で正常に実行されない可能性があります。
* ブラウザ設定からブラウザのキャッシュとすべてのCookieをクリアし、プレビューを再読み込みします。
* ブラウザの設定で[サードパーティCookieが](https://www.bobulous.org.uk/misc/third-party-cookies.html)有効になっていることを確認してください。
* ブラウザのシークレット/プライベート モードでプレビューを起動してみてください。
* カスタム設定のuBlock広告ブロッカーなどのJavaScriptブロッカーがインストールされていないか確認してください。ブラウザでuBlockプラグインを有効にしている場合、サーバー URL dev.visualweboptimizer.com 経由で開始されるVWOのネットワーク呼び出しはブロックされます。その結果、ビジュアル エディター、ヒートマップ、スマートコードチェッカー、およびプレビューは読み込まれません。 \
  \
  上記の機能をすべて使用するには、uBlockプラグインを無効にするか、uBlockプラグインを有効にしたままuBlockのVWO追跡をホワイトリストに登録する必要があります。ホワイトリストに登録する方法は次のとおりです。\
  \
  1\. ブラウザで uBlock アイコンをクリックし、設定アイコンをクリックしてダッシュボードを開きます。

<figure><img src="/files/WJ5bQpLBy3yg1OukzxUY" alt="" width="171"><figcaption></figcaption></figure>

&#x20;     2\. マイフィルターに移動、「***@@||\*.visualwebsiteoptimizer.com^*****」を追加します。**

<figure><img src="/files/yGnCEgGD8Mc08MEu4Hcs" alt=""><figcaption></figcaption></figure>

　　3. 完了したら、**「変更を適用」**&#x3092;クリックします。その後、正常に動作するか再度お試しください。

### （2）ページ上でテストが実行されない場合 <a href="#id-2" id="id-2"></a>

下記項目をご確認ください。

* プレビューURLがテストを実行しているURLと一致しない場合、プレビューは読み込まれません。
* クロスドメインでテストを実施したい場合、キャンペーン作成画面の\[Configuration] > \[その他設定] > \[Additional options] の一覧に表示されている、 **\[Track visitors across multiple domains（複数のドメインで訪問者を追跡）]**&#x304C;有効になっているか確認してください。

<figure><img src="/files/GmZFmJlIoV40A1cwKlHa" alt=""><figcaption></figcaption></figure>

* テストにテストURLまたは目標URLとして正規表現が追加されている場合は、構文エラーがないことを確認してください。
* たとえば、<https://www.example.com/(page1.html|page2.html)> のような正規表現の場合、プレビューが正常に動作するようにエスケープ文字を使用して次のように指定する必要があります: http:\\/\ /www\\.example\\.com\\/(page1\\.html|page2\\.html)

### （3）プレビューモードでエラーが表示された場合 <a href="#id-3" id="id-3"></a>

下記項目をご確認ください。

**■“MATCHING TEST PAGE PATTERN： ×”（テストページパターンに一致：× ）**

プレビューページがテスト設定URL と一致しない場合、エラーメッセージが表示されます。\
\
ワイルドカードパターンまたは正規表現を使用している場合は、プレビューに使用するURLを必ず含めてください。また、URL内のHTTPSとHTTP をチェックして、同じプロトコルが言及されていることを確認します。

■**"Element not loaded"（要素がロードされていない）**

* エディターを使用してウェブページに変更を適用すると、変更が適用される要素のCSSセレクター パスが保存されます。VWOは、同じCSSセレクターパスを持つウェブサイト上の要素を検索しようとします。\
  ページのソースコードにバックエンドによる変更があった場合、VWOが指定されたCSSセレクターパスを持つ要素を見つけれない要因となりますので、確認してください。
* ページが、ソースコード内の要素に割り当てられた動的IDを使用して初期化されているかどうかを確認します。動的IDの場合、新しい値が設定されるため、VWOによって保存されたCSSセレクターパスがテストページで見つからない可能性があります。解決策として、[VWOのウェブサイトのエディター設定のセレクター パス オプションの構成](https://help.vwo.com/hc/en-us/articles/900000572086)を使用します。
* 同じ要素に対して複数の変更を加えないでください。
* VWOテスト設定が適用された後に要素が表示される場合、特に AJAX コンテンツの場合、変更は適用されません。このような場合、  要素がロードされるたびに要素の変更が適用されるように[SPA/SSR 設定を構成することをお勧めします。](https://help.vwo.com/hc/en-us/articles/900000678806)&#x20;

※本ページは[\[原文：Troubleshooting: Unable to Preview Tests in VWO\]](https://help.vwo.com/hc/en-us/articles/360021311473-Troubleshooting-Unable-to-Preview-Tests-in-VWO)を翻訳・加筆修正しています。