ドキュメント

VEC に関する FAQ と一般的な問題

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

iframe の課題、混在コンテンツ、一般的な VEC の問題の解決に関するインサイトを活用して、Adobe Target Visual Experience Composer （VEC）のトラブルシューティングを行う方法について説明します。

説明 description

環境

Adobe Target

問題/症状

このドキュメントは、VEC のトラブルシューティングに関する FAQ と、Target VEC に関連する一般的な問題の一部を一覧表示するために作成されました。

解決策 resolution

予備チェック：

  1. クエリパラメーター

    Web サイトでクエリパラメーターが許可されていることを確認します。 VEC では、次のクエリパラメーターをページ URL に自動的に追加します：mboxEdit=1 および mboxDisable=1。 Web サイトを別のタブで開き、最後に上記のクエリパラメーターを追加して、問題があるかどうかを確認します。 Web サイトが www.customerwebsite.com の場合は、新しいタブを開いて www.customerwebsite.com?mboxEdit=1&mboxDisable=1 をチェックします。

  2. 混在コンテンツは許可される必要があります

    JavaScriptや CSS ファイルなどのカスタムアクティブコンテンツを使用している場合は、HTTP ではなく HTTPS を介してダウンロードする必要があります。

    参照ドキュメント ​ ブラウザーで混在したコンテンツを有効化する ​

  3. web ページは、iframe 内でアクセスできる必要があります。 web サイトが iframe をサポートしているかどうかを確認するか、jsbin に移動してブロックし、以下のコードを貼り付けます。 web サイトが iframe で開かれるかどうかを確認します。 facebook.comを web サイトの URL に置き換えます。

    code language-none 
    !DOCTYPE html    html    head    meta charset="utf-8"     meta name="viewport" content="width=device-width"      titleJS Bin/title     /head    body       iframe src="https://www.facebook.com" height="700";width="850"/iframe    /body    /html

  4. 1 つまたは複数の iframe バスティング手法が使用される可能性があります。次に、それらのいくつかを示します。

  5. JS ベースの Iframe バスティング。 これは、様々なJavaScript コードを通じて行うことができます。

    • 基本的な例は次のとおりです。

      code language-none 
      script
if(top != window) {
   body.style.display = none;
}
/script

他にも多くのJavaScript iFrame バスティング手法があり、このリンクで最も使用されているのを確認できます。​ バスティングフレームバスティング ​

  • 次の Target JS スクリプトがダウンロードされます

    • target-vec.js
    • target-vec-helper.js

  • DOM 構造が変更された場合、VEC でエラーが発生し、設定された変更が VEC に表示されない可能性があります。

    アクションが壊れているセレクターを特定します。コンソールで、次を使用して確認できます。 _AT.querySelectorAll('<selector>')

    セレクター設定のリファレンスドキュメント：https://experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=ja

  • ページで重複した ID を処理：

    Target では、ページのセレクターを使用してレコメンデーションを作成および配信するので、ページが以下のポイントに対応していることを確認することが不可欠です。

    • クラスを使用
    • 要素に存在する一意の属性を使用します
    • セレクターが一意の要素に一致するかどうかを確認します
    • アクティブ、選択済みなどのセレクターから動的な classNames を削除します。

VEC は親 iframe 内の iframe が機能しないように iframe 内のコンテンツを読み込むので、要素が iframe 自体に含まれていないことを確認してください。

一般的な問題：

  1. VEC でオンラインバンキングにログインしてHTMLの編集を実行できない

    • Adobe Target VEC でページを読み込むには、VEC Helper 拡張機能が必要です。
    • 安全でないコンテンツをサイト設定から許可する
    • EEC を無効に設定します。
    • 「参照モード」を使用して VEC のページに移動 ます。
    • 「 作成 」をクリックして変更を行います。

  2. トリガービューは、VEC 内では変更を作成するために使用できません。

    • トリガービューを使用できないサービスワーカーをページが使用している可能性があります。 このシナリオを回避する手順は次のとおりです。

      • VEC にページを読み込んだ後、ページ配信の EEC を無効にし、サービスワーカーを無効にして、VEC ヘルパー拡張機能で Target ライブラリと Cookie の両方を有効にします。
      • 参照 をクリックし、Cookie を受け入れる をクリックします。
      • VEC ページのアドレスバーをクリックし、Enter キーを押すと、VEC 内でページが正しく更新されます。 を含むビュー名がオーバーレイに表示されます。
      • トリガービュー 関数が、ページ上で一貫して実行されていることを確認してください。 ビューは、トリガー ビュー 関数が発生した場合にのみ使用できます。

  3. VEC 内の承認済みページにアクセスできない

    • VEC 外のブラウザーで承認済みページにアクセスします。 次に、Target のページにアクセスし、同じウィンドウの 新しいブラウザー タブでアクセスします。

  4. Target VEC 内でシャドウ DOM を使用してページにアクセスできない

    • ページで最新のターゲットライブラリが使用されていることを確認します
    • VEC でページにアクセスする前に、web コンポーネントがすべて読み込まれていることを確認してください

  5. Cookie を受け入れず、VEC 内で web サイトを閲覧できない

    • VEC の外部で Cookie ブラウザーにアクセスします。 次に、Target のページにアクセスし、同じウィンドウの 新しいブラウザー タブでアクセスします。

VEC に関するより一般的な問題と解決策も、こちらで説明しています。
Visual Experience Composer と拡張 Experience Composer のトラブルシューティング ​

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f