【トラブル】ビジュアルエディタが読み込めない


問題

ビジュアルエディタが読み込めず、処理が止まってしまったり、次のようなエラー表示が出ます。


解決方法

ビジュアルエディタが開かない原因はいくつか考えられます。次のチェックポイントを確認してみてください。

Tips: SP用ページを編集したいのに、PC用ページが表示されてしまう場合は、こちらの記事を参照してください。


①キャンペーンの設定

プレビュー用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用ページが表示されてしまう場合は、こちらの記事を参照してください。