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

Adobe Target Visual Experience Composer(VEC)および拡張Experience Composer(EEC)では、特定の状況で表示の問題やその他の問題が発生する場合があります。

最近発表されたGoogle Chrome SameSite cookieの適用ポリシーがVECおよびEECに与える影響を教えてください。

最新の変更（2020年8月）により、Chrome 80以降のブラウザーバージョンを使用するすべてのユーザーが次の操作を実行できます。

• **​は、（VEC Helper拡張機能がインストールされ、有効になっているかどうかにかかわらず）サイトのパスワードで保護されたページでVECを使用できません。 これは、サイトログインCookieがサードパーティCookieと見なされ、ログインリクエストと共に送信されないからです。 唯一の例外は、顧客サイトログインcookieのSameSiteパラメーターが既に「なし」に設定されている場合です。
• アクティビティの編集中に​**​はTargetライブラリをダウンロードできません（まだサイトにない場合）。 これは、ダウンロード呼び出しが、保護されたAdobeドメインに向かって顧客ドメインから行われ、非認証として拒否されるからです。
• adobemc.com domainのCookieにSameSite属性を設定できないため、EECはすべてのユーザーに対して​**​機能をしません。 この属性がない場合、ブラウザーはこれらのcookieを拒否し、EECが失敗する原因となります。

Adobeは、更新されたVEC Helper拡張機能をGoogle Chrome Storeに送信しました。 この拡張機能は、必要に応じてcookie属性を上書きしてSameSite="none"属性を設定します。 更新された拡張子はにあります。 VEC Helper Extensionのインストールと使用について詳しくは、Visual Experience Composerヘルパー拡張を参照してください。

独自のサイトのCookieに対して、名前でCookieを指定する必要があります。 Cookieスライダーをオンの位置に切り替え、名前とcookieドメインでCookieを指定します。 Cookie名は「mbox」で、Cookieドメインはmboxを扱うドメインの2番目で最上位です。 会社のドメインなので、cookie はファーストパーティ cookie になります。例: mycompany.com. 詳しくは、『Experience Cloudインターフェイスユーザーガイド』のAdobe Targetcookieを参照してください。

代替方法と回避策

次のいずれかのオプションを使用して、VECとEECが引き続き期待どおりに動作することを確認します。

• 更新されたVEC Helper拡張子をダウンロードして使用します。

• Mozilla Firefoxブラウザーを使用します。 Firefoxは、このポリシーを適用していません。

• 引き続きChromeを使用しますが、chrome://flags/#same-site-by-default-cookiesフラグを「無効」に設定します。

  メモ

  サーバからSameSite属性が"Lax"または"Strict"に設定されている場合、**​で十分ではありません。

Target の複数レベルの iframe のサポートについて

Target は、複数レベルの iframe をサポートしていません。Web サイトが子 iframe を含む iframe を読み込むと、Target ライブラリ（at.js および mbox.js）は親 iframe のみとやり取りします。Target ライブラリは子 iframe とやり取りしません。

回避策として、子 iframe の URL を持つエクスペリエンスにページを追加できます。

ページを編集しようとすると、ページではなく、スピナーが表示されます。（VEC と EEC）

この問題は、URL に # 文字が含まれている場合に発生することがあります。この問題を修正するには、Visual Experience Composer を「参照」モードに切り替えて、その後「構成」モードに戻します。スピナーの表示が消えて、ページが読み込まれます。

コンテンツセキュリティポリシー（CSP）ヘッダーによって、Web サイト上で Target ライブラリがブロックされます。（VEC と EEC）

Web サイトの CSP ヘッダーによって Target ライブラリがブロックされることにより、Web サイトは読み込まれるものの編集できない場合は、Target ライブラリがブロックされないようにします。

次のように、Requestly ルールを設定して CSP ヘッダーを削除することで対処できます。

VEC 内でのリソースの読み込みを妨げているヘッダーに、同様の Requestly ルールを設定できます。

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

• VEC で開く URL の URL ルールを追加して、それらの URL についてのみヘッダーが削除されるようにします。
• VEC で編集するときにはルールを有効にし、VEC を使用していないときはルールを無効にします。

保存されているアクティビティの再編集時に、VEC または EEC が壊れているように見えたり、初期化されなかったりします。（VEC と EEC）

Web サイトが、エクスペリエンスの定義後に Visual Experience Composer 外で変更された場合、それよりも前にアクションがおこなわれたセレクターは、アクティビティを再編集で開くときに検出できません。ページは壊れているように表示され、警告は表示されません。

JavaScript を含む回転バナーなどのコンテンツが VEC または EEC に表示されません。（VEC と EEC）

デフォルトでは、Visual Experience Composer は JavaScript 要素をブロックします。Visual Experience Composer の設定で JavaScript を無効にすると、これらの要素を使用できます。セットアップするサイトによっては、それでも一部のアイテムの表示が正しくなかったり表示できなかったりする場合があります。

ホストした target.js ファイルが読み込みに失敗し、後続のページがリロードされます。（VEC と EEC）

この問題は、バージョン 57 より前の mbox.js（つまり、バージョン 56 以前）の場合に発生します。

すべての VEC ユーザーが最新バージョンの mbox.js にアップグレードするか、少なくともバージョン 57 にアップグレードすることをお勧めします。また、at.js への移行も検討してください。

ページ内の 1 つの要素を変更すると、複数の要素が変更されます。（VEC と EEC）

同じ DOM 要素 ID がページ内の複数の要素に使用されている場合、それらの要素のいずれかを変更するとその ID の要素がすべて変更されます。この現象を予防するには、各ページで ID は 1 回のみ使用するようにしてください。これは標準の HTML ベストプラクティスです。詳しくは、ページ修正のシナリオを参照してください。

iFrame バスティングのサイトのエクスペリエンスを編集できない。（VEC と EEC）

この問題は、拡張 Experience Composer を有効にすることで対処できます。管理/Visual Experience Composer​をクリックし、拡張Experience Composerを有効にするチェックボックスを選択します。 拡張 Experience Composer は、編集するページの読み込みに、アドビが管理するプロキシを使用します。これにより、iFrame バスティングのサイトの編集と、まだ Adobe Target コードを追加していないサイトとページの編集が可能になります。コードが追加されるまで、サイトにアクティビティは配信されません。サイトによっては、拡張 Experience Composer を介して読み込むことができない場合があります。その場合は、このオプションをオフにして、iFrame を介して Visual Experience Composer を読み込むことができます。 []

mbox/target をまだ実装していないページでテストを設定したい。（VEC と EEC）

上記の「iFrame バスティングのサイトのエクスペリエンスを編集できない」を参照してください。

「テキスト／HTML を編集」または「テキスト／HTML を変更」でテキストスタイルの太字および斜体がページで表示されません。これらのスタイル変更を適用すると、テキストが消えることがあります。（VEC と EEC）

Visual Experience Composer で A/B またはエクスペリエンスターゲット設定アクティビティに「テキスト／HTML を編集」を使用したり、自動パーソナライゼーションまたは多変量分析テストアクティビティに「テキスト／HTML を変更」を使用して、テキストに太字や斜体を設定すると、Visual Experience Composer でこれらのスタイルがページに適用できないか、ページからテキストが消えることがあります。これは、リッチテキストエディターでこれらのスタイルを適用する方法が Web サイトのマークアップに影響を与える可能性があるためです。

この問題が発生した場合、次の手順に従ってください。

1. リッチテキストエディターの HTML ボタンをクリックして、ソース編集モードに入ります。

2. スタイルテキスト要素を検索します。

   • 太字テキストの場合は、<strong>要素を<b>に変更します。

   • 斜体の場合は、<em>要素を<i>に変更します。

自動パーソナライゼーションアクティビティで、VEC または EEC の画像のスワップが壊れているように見えます。（VEC と EEC）

場所に画像オファーを追加するときは、VEC または EEC の元の画像スペースのフルサイズが利用されます。配信時には、画像が拡大されずそのまま表示されるので、配信には影響しません。