Visual Experience Composer に関連する問題のトラブルシューティング

表示の問題が Adobe Target Visual Experience Composer (VEC) を使用します。

Visual Experience Composer で Web サイトを開くと、 Target ライブラリは読み込まれません。 （VEC のみ）

Visual Experience Composer で Web サイトを開くと、Target によって 2 つのパラメーター（mboxEdit=1 および mboxDisable=1）が追加されます。

Web サイト（特に単一ページアプリ）で、ページの再読み込みなしでページ間を移動するときにこのパラメーターがトリミングされたり、削除されたりすると、Target の機能が適切に動作せず、Target ライブラリが読み込まれません。この問題を防ぐには、この 2 つのパラメーターをトリミングまたは削除しないように設定します。

EEC でページが開かないか、読み込みに時間がかかります。VEC でアクティビティやエクスペリエンスの読み込みに時間がかかります。（VEC のみ）

いくつかの問題が Target のエクスペリエンスコンポーザーのページのパフォーマンスに影響する可能性があります。よくある問題として以下のようなものがあります。

  • ページに mbox がない。
  • サイトでプロキシブロックを使用している。これにより、どちらのエクスペリエンスコンポーザーでもページを開くことが許可されません。
  • サイトがサイト自体を iFrame で開くことを許可していない。

拡張 Experience Composer で問題が発生した場合、拡張 Experience Composer をオフにして、代わりに Visual Experience Composer を使用します。

拡張 Experience Composer を無効にするには、に移動します。 管理 > Visual Experience Composer そしてオフにする 拡張 Experience Composer の有効化 オプション。

コンソールに次のエラーメッセージが表示される場合があります。

コンソールエラーメッセージ

Visual Experience Composer も拡張 Experience Composer も動作しない場合、サイトの X-Frames ヘッダーオプションを上書きしてサイトでの iFrame への読み込みを許可し、VEC を有効にする、Requestly（Chrome または Firefox）や Modify Response Headers（Firefox）などのブラウザー拡張機能を使用します。ブラウザー拡張機能を使用できない場合は、フォームコンポーザーを使用します。

メモ

以下の情報に加えて、Google Chrome 用 Adobe Target VEC ヘルパーブラウザー拡張機能を使用できます。

メモ

これらのプラグインは、VEC を編集する場合にのみ使用する必要があります。

Requestly 拡張機能の場合、ヘッダーを削除する必要があるときは必ず次のいずれかを実行する必要があります。

  • VEC で開く URL の URL ルールを追加して、それらの URL についてのみヘッダーが削除されるようにします。

  • VEC で編集するときにはルールを有効にし、VEC を使用していないときはルールを無効にします。

Modify Response Headers 拡張機能（Firefox）の場合、URL ルールを追加できないので、次の操作をおこなう必要があります。

  • VEC で編集するときにはルールを有効にし、VEC を使用していないときはルールを無効にします。

Chrome または Firefox の Requestly 拡張機能を使用する方法は次のとおりです。

  1. 拡張 Experienced Composer をオフにします。

  2. Chrome または Firefox に Requestly ブラウザー拡張機能をインストールします。

  3. 拡張機能を開いて、次を使用するように設定します。

  4. 「Modify headers（ヘッダーを変更）」を選択します。

  5. 以下を入力します。

    • ルール名

    • 変更ルール

      • 「Add（追加）」を「Remove（削除）」に切り替えます。

      • 「Request（リクエスト）」を「Response（応答）」に切り替えます。

      • ヘッダー名として "X-Frame-Options" と入力します。

      • 前述の手順を繰り返し、ヘッダー名に「x-frame-options」と入力します。

        メモ

        Requestly を使用して編集したヘッダーでは、大文字と小文字が区別されます。

      • ソース URL の条件を「Equals（等しい）」を「Contains（含む）」に変更し、VEC で読み込もうとするアクティビティの URL を入力します。

      chrome_extension image

  6. 「保存」をクリックします。

    要求画像

    これで、Visual Experience Composer でページをすばやく読み込むことができるはずです。

Firefox の Modify Response Headers 拡張機能を使用する方法は次のとおりです。

  1. Firefox に Modify Response Headers をインストールし、ブラウザーを再起動します。
  2. Firefox 拡張機能から、Modify Response Headers 拡張機能を選択します。
  3. 「環境設定」をクリックします。
  4. Action（アクション）ドロップダウンから Filter（フィルター） を選択します。
  5. 「Header Name（ヘッダー名）」フィールドに、「X- Frame- Options」と入力します。
  6. 手順 4 と 5 を繰り返して、x-frame-options によるフィルターを追加します。
  7. 「追加」をクリックします。
  8. 「Start（開始）」をクリックします。

firefox_extension image

拡張機能を設定したら、Target を開きます。たとえ拡張 Experience Composer を無効にしていても、Visual Experience Composer でページを読み込めるようになっているはずです。

VEC にページが表示されません。（VEC のみ）

  • ブラウザーがサポートされていません。

  • ブラウザーが、セキュリティで保護されているサイトのセキュリティで保護されていないページをブロックしています。

    ブラウザーのアドレスバーの URL の左にあるアイコンをクリックして、「このページの保護を無効にする」をクリックします。

  • 入力した URL が無効です。

  • アカウント設定ページにデフォルト URL が入力されていません。

    この設定が有効になっていることを確認してから、Web サイトで at.js をダウンロードして更新します。

  • を使用してみると、 新規 ビジュアル編集ヘルパー 拡張 その後、 古い拡張子 および Target web サイトの読み込みに失敗し、すべてのブラウザーデータを消去して、新しい拡張機能を無効にします。

  • Web サイトを VEC で読み込めなかったり、予期せぬ動作が発生した場合は、で Web サイトを読み込む前に、ブラウザーで Web サイトの Cookie を受け入れるという問題が修正される可能性があります。 Target.

参照モードを使用すると、VEC が壊れているように見えます。（VEC のみ）

参照モードを使用しているときに、 Target ライブラリが実装されている (at.js or Adobe Experience Platform Web SDK) または frame-buster ヘッダーが含まれている場合、VEC が壊れているように見えます。 ブラウザーのセキュリティ上の問題により、 Target ページが読み込まれると、に移動した URL に正しくアクセスできないか、VEC URL の更新に一貫性がありません。

この問題は、VEC が <iframe>. ブラウザーの現在のセキュリティメカニズムにより、 Target 同一オリジンポリシーが原因で、特定のフレームの要素にアクセスできない UI。 ブラウザーは、スクリプトが異なる接触チャネルを持つフレームにアクセスしようとし、そのフレームに location.href.

新しい Visual Editing Helper 拡張機能 （推奨）または 古い拡張子 注入する Target をページにライブラリして、最適に参照できるようにします。

このページ