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 を入力します。

  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(開始)」をクリックします。

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

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

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

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

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

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

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

この設定が有効になっていることを確認してから、Web サイトの mbox.js をダウンロードおよび更新してください。

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

参照モードの使用中に、target.js を含まない URL またはフレームバスターヘッダーを含む URL にアクセスすると、Visual Experience Composer が壊れているように表示されます。ブラウザーのセキュリティ上の問題により、Target はこれらの URL にアクセスできません。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now