ドキュメントTargetTarget ガイド

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

Last update: Wed Apr 10 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

で表示の問題が発生することがある Adobe Target Visual Experience Composer （VEC）一定の条件下で。

で Web サイトを開いたとき Visual Experience Composer, Target ライブラリが読み込まれない。 （VEC のみ） section_8A7D3F4AD2CC4C3B823EE9432B97E06F

Target 2 つのパラメーターを追加（mboxEdit=1 および mboxDisable=1）を使用して、Web サイトをで開きます Visual Experience Composer.

Web サイト（特に単一ページアプリ）で、ページからページに移動する際に、パラメーターをトリミングしたり、実際に削除した場合（ページを再読み込みせずに）、 Target 機能によって機能が中断され、 Target ライブラリが読み込まれない。

この問題を防ぐには、この 2 つのパラメーターをトリミングまたは削除しないように設定します。

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

のページパフォーマンスに影響を与える問題がいくつかあります Target 作曲家を体験しなさい。 よくある問題として以下のようなものがあります。

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

で問題が発生した場合 Enhanced Experience Composerをオフにしてみてください Enhanced Experience Composer を使用する Visual Experience Composer その代わり。

を無効にするには Enhanced Experience Composerに移動します。 Administration > Visual Experience Composer をオフにします。 Enable Enhanced Experience Composer オプション。

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

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

もし両方とも Visual Experience Composer また、 Enhanced Experience Composer 機能する、のようなブラウザー拡張機能を使用する Requestly （Chrome または Firefox）または応答ヘッダーを変更する（Firefox）。これにより、サイトの X-Frames ヘッダーオプションが上書きされ、これらのオプションを iFrames に読み込んで VEC が有効になります。 ブラウザー拡張機能を使用できない場合は、 フォームベースの Experience Composer.

NOTE
以下の情報に加えて、を使用できます。 Adobe Target Visual Editing Helper 拡張子 （用） Google Chrome.
NOTE
これらのプラグインは、VEC を編集する場合にのみ使用する必要があります。
の場合 Requestly 拡張機能では、ヘッダーを削除する必要がある場合は常に、次のいずれかを実行する必要があります。

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

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

の場合 Modify Response Header 拡張子（Firefox）。URL ルールを追加できないので、次の手順を実行する必要があります。
  • VEC で編集するときにはルールを有効にし、VEC を使用していないときはルールを無効にします。

を使用するには Requestly 拡張子： Chrome または Firefox:

  1. をオフにする Enhanced Experienced Composer.

  2. のインストール Requestly のブラウザー拡張機能 Chrome または Firefox.

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

  4. を選択 Modify headers.

  5. 以下を入力します。

    • ルール名

    • 変更ルール

      • 切り替え Add 対象： Remove.

      • 切り替え Request 対象： Response.

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

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

        note note
        NOTE
        経由で操作されるヘッダー Requestly では大文字と小文字が区別されます。

      • 変更 Equals 対象： Contains ソース URL の条件として、VEC に読み込もうとするアクティビティの URL を入力します。

      chrome_extension 画像

  6. Save をクリックします。

    requestly 画像

    これで、を使用してページをすばやく読み込むことができます Visual Experience Composer.

を使用するには Modify Response Headers 拡張子： Firefox:

  1. のインストール Modify Response Headers 日付： Firefox ブラウザーを再起動します。
  2. から Firefox 拡張機能で、「応答ヘッダーを変更」拡張機能を選択します。
  3. Preferences をクリックします。
  4. を選択 Filter から Action ドロップダウン。
  5. が含まれる Header Name フィールドに次を入力： X-Frame-Options.
  6. 手順 4 と 5 を繰り返して、次のフィルターを追加します x-frame-options.
  7. Add をクリックします。
  8. Start をクリックします。

Firefox 拡張機能

拡張機能を設定したら、を開きます Target. ページは、に読み込まれます。 Visual Experience Composer（次の場合でも） Enhanced Experience Composer が無効になっています。

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

  • VEC との最高の互換性は、拡張機能の最新バージョンによって確保されます。 Adobe Experience Cloud Visual Editing Helper extension.

    最新バージョンを使用しているかどうかを確認するには、にアクセスしてください。 Extensions > Manage Extensions 次に、 Details.

  • この Visual Experience Composer web ページで変更を実行するには、オーサリングライブラリが必要です。 これらのライブラリは at.js ライブラリに埋め込まれ、から拡張機能によってダウンロードされます。 Adobe vec を使用するたびにサーバーを監視します。

    この拡張機能は、at.js か a.js かに関係なく、at.js ライブラリをダウンロードします Adobe Experience Platform Web SDK は既にページに含まれています。

    で設定された at.js ヘッダーに無効な変更が追加されていないことを確認します。 Administration > Implementation セクション。

  • Web ページが、iFrame に埋め込まれた場合の読み込みに必須なリクエストをブロックしていないことを確認します。 これには、顧客の web サイト、メタHTMLタグ、x-frame-options ヘッダーに埋め込まれた、frame-ancestors CSP 指令またはカスタム JS コードの使用が含まれます。

  • Web ページの JavaScript がオーサリングライブラリに干渉しないことを確認します。 次の予約名を使用したファイルを使用したりインクルードしたりしないでください。

    • target-vec-helper.js

    • target-vec.js

    • target.js

    • admin.css

    • sizzle.js

    • mixContentCheck.html

      さらに、これらのファイル内で定義された変数やイベントを誤って上書きすると、VEC で問題が発生する可能性があります。

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

    ブラウザーのアドレスバーにある URL の左側のアイコンをクリックし、 Disable protection on this page

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

  • Web サイトが VEC への読み込みに失敗した場合や、予期しない動作が発生した場合は、で web サイトを読み込む前に、ブラウザーで web サイトの Cookie を受け入れることで解決できる可能性があります Target.

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

参照モードの使用中に、が含まれていない URL にアクセスした場合 Target 実装されたライブラリ （at.js or Adobe Experience Platform Web SDK）またはフレームバスターヘッダーが含まれている場合、VEC が壊れているように見えます。 ブラウザーのセキュリティ上の問題により、 Target 移動先の URL に正しくアクセスできないか、ページが読み込まれても VEC URL が一貫して更新されない。

この問題は、VEC が <iframe>. ブラウザーの現在のセキュリティメカニズムでは、 Target 同じオリジンポリシーが原因で、UI が指定のフレームの要素にアクセスできない。 ブラウザーが、別の接触チャネルを持ち、 location.href.

新しいを使用する必要があります Visual Editing Helper 拡張機能 （推奨）または 古い拡張機能 を注入する Target ページを最適に参照するために、ページにライブラリ化します。

での CSS の競合に起因する問題 Visual Experience Composer

エディターで web ページを読み込む際に、表示に影響を与える可能性のある CSS ファイルが存在するかどうかを確認します。 例えば、 overflow: hidden ページ本文のプロパティを使用すると、スクロールの問題やトリガーのクリックイベントが発生して、オーサリングのメニューが妨げられる可能性があります。

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654