【トラブル】ビジュアルエディタが読み込めない
問題
ビジュアルエディタが読み込めず、処理が止まってしまったり、次のようなエラー表示が出ます。
解決方法
ビジュアルエディタが開かない原因はいくつか考えられます。次のチェックポイントを確認してみてください。
Tips: SP用ページを編集したいのに、PC用ページが表示されてしまう場合は、こちらの記事を参照してください。
①キャンペーンの設定
プレビュー用URLの確認
プレビュー用URLに、実在するページが正しく設定されているか確認してください。ワイルドカード(*)やURLパターンは使えません。
②ブラウザの設定
キャッシュをクリアし、シークレットモードでVWOを開く
キャッシュが表示できない原因の場合があります。キャッシュをクリアした上で、Chrome のシークレットモードでVWO管理画面を開いてください。
VWO拡張機能のインストール
何らかの原因で VWOタグが読み込めない場合、VWO はサイトをプロキシ経由で開こうとします。その場合、CSS/JS ファイルの読み込みや、AJAXリクエストの処理などで問題が起きる可能性があります。
Chromeを使用している場合、Chrome ウェブストアでVWOが提供している、Chrome用拡張機能 をインストールすることによって、問題が解決する場合があります。
サードパーティからの cookie を受け入れ
VWOがテストパターンを作成する際、app.vwo.com から dev.vwo.com ヘ cookie を渡します。ブラウザでサードパーティの cookie を拒否するような設定になっていると、これがうまくいかず、サイトを読み込むことができなくなる恐れがあります。
サードパーティからの cookie を受け入れるよう設定するか、上記2つのドメインを例外扱いで受け入れるよう設定してください。
AdBlockerのような拡張機能をアンインストール
JavaScript をブロックする AdBlocker のような拡張機能(プラグイン)をブラウザにインストールしていませんか。
アンインストールするか、VWO ( vwo.com や visualwebsiteoptimizer.com ) からのリクエストがブロックされないよう設定しましょう。
③サーバーのセキュリティ設定
ビジュアルエディタが表示できていない状態の画面を Chrome の検証モードで開いた時、 X-Frame-Options や Content Security Policy に関するエラーが表示されることがあります。
これは、サーバー側のセキュリティ設定によって、ビジュアルエディタが開けていないことを示しています。
上記セキュリティ設定を回避するような拡張機能(プラグイン)をブラウザに適用することで、問題を回避できる場合があります。
適用しても解決しない場合、ビジュアルエディタが使用できるようサーバー側の設定を変更する必要があります。サイトのセキュリティポリシー上、変更が難しい場合は、 VWOエディタを Code Only Mode で開いて編集することになります。
問題が解決しない場合
上記3つのポイントをチェックした上で、尚問題が解決しない場合は、遠慮なく弊社サポート宛にお問い合わせください。
Tips: SP用ページを編集したいのに、PC用ページが表示されてしまう場合は、こちらの記事を参照してください。