VEC に関する FAQ と一般的な問題
iframe の課題、混在コンテンツ、一般的な VEC の問題の解決に関するインサイトを活用して、Adobe Target Visual Experience Composer (VEC)のトラブルシューティングを行う方法について説明します。
説明 description
環境
Adobe Target
問題/症状
このドキュメントは、VEC のトラブルシューティングに関する FAQ と、Target VEC に関連する一般的な問題の一部を一覧表示するために作成されました。
解決策 resolution
予備チェック:
-
クエリパラメーター
Web サイトでクエリパラメーターが許可されていることを確認します。 VEC では、次のクエリパラメーターをページ URL に自動的に追加します:mboxEdit=1 および mboxDisable=1。 Web サイトを別のタブで開き、最後に上記のクエリパラメーターを追加して、問題があるかどうかを確認します。 顧客の web サイトがwww.customerwebsite.comの場合は、新しいタブを開いて次を確認します。
www.customerwebsite.com?mboxEdit=1&mboxDisable=1
-
混在コンテンツは許可される必要があります
JavaScript や CSS ファイルなどのカスタムアクティブコンテンツを使用している場合は、HTTP ではなく HTTPS を介してダウンロードする必要があります。
参照ドキュメント ブラウザーで混在したコンテンツを有効化する
-
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
-
1 つまたは複数の iframe バスティング手法が使用される可能性があります。次に、それらのいくつかを示します。
- X-Frame-Options ヘッダー
- X フレーム オプション: X-Frame-Options
- このヘッダーは、ドキュメントの公開に記載されているように、必要に応じて Requestly (Chrome 拡張機能)を介して削除できます。 Visual Experience Composer に関連する問題のトラブルシューティング
-
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 ('
<
セレクター>
')セレクター設定用のリファレンスドキュメント//experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=ja
-
ページ上の重複した ID の処理:
Target では、ページのセレクターを使用してレコメンデーションを作成および配信するので、ページが以下のポイントと一致していることを確認することが不可欠です
- クラスを使用
- 要素に存在する一意の属性を使用します
- セレクターが一意の要素に一致するかどうかを確認します
- アクティブ、選択済みなどのセレクターから動的な classNames を削除します。
VEC は親 iframe 内の iframe が機能しないように iframe 内のコンテンツを読み込むので、要素が iframe 自体の中に含まれていないことを確認してください。
よくある問題:
-
VEC でオンラインバンキングにログインしてHTMLの編集を実行できない
- Adobe Target VEC でページを読み込むには、VEC Helper 拡張機能が必要です。
- 安全でないコンテンツをサイト設定から許可する
- EEC を無効に設定します。
- 「参照モード」を使用して VEC 内のページに移動
- 「作成」をクリックして、変更を行います。
-
トリガービューは、VEC 内では変更を作成するために使用できません。
-
トリガービューを使用できないサービスワーカーをページが使用している可能性があります。 このシナリオを回避する手順は次のとおりです。
- VEC にページを読み込んだ後、必ずページ配信の EEC を無効にし、サービスワーカーを無効にして、VEC ヘルパー拡張機能で Target ライブラリと Cookie の挿入の両方のオプションを有効にします。
- 「参照」をクリックし、「Cookie を受け入れる」をクリックします。
- VEC ページのアドレスバーをクリックし、Enter キーを押して、VEC 内でページが正しく更新されるようにします。 を含むビュー名がオーバーレイに表示されます。
- トリガービュー関数が、ページ上で一貫して実行されていることを確認します。 ビューは、トリガービュー関数が発生した場合にのみ使用できます。
-
-
VEC 内の承認済みページにアクセスできない
- VEC 外のブラウザーで承認済みページにアクセスします。 次に、Target のページにアクセスし、同じウィンドウの新しいブラウザータブでアクセスします
-
Target VEC 内でシャドウ DOM を使用してページにアクセスできない
- ページで最新のターゲットライブラリが使用されていることを確認します
- VEC でページにアクセスする前に、web コンポーネントがすべて読み込まれていることを確認してください
-
Cookie を受け入れず、VEC 内で web サイトを閲覧できない
- VEC の外部で Cookie ブラウザーにアクセスします。 次に、Target のページにアクセスし、同じウィンドウの新しいブラウザータブでアクセスします
VEC に関するより一般的な問題と解決策も、こちらで説明しています。
Visual Experience Composer と拡張 Experience Composer のトラブルシューティング