Visual Editing Helper 拡張機能

Google Chrome の Adobe Experience Cloud Visual Editing Helper ブラウザー拡張機能を使用すると、Adobe Target Visual Experience Composer（VEC）内に web サイトを確実に読み込んで、web エクスペリエンスを迅速に作成および QA できます。

VEC で一部の web サイトを確実に開くことができない理由

• Web サイトには厳格なセキュリティポリシーがあります。
• Web サイトで iframe が使用されています。
• 顧客の QA またはステージサイトが外部から利用できません（サイトは内部）。

Chrome 用の Adobe Experience Cloud Visual Editing Helper ブラウザー拡張機能は、顧客が Target 拡張 Experience Composer やサードパーティ拡張機能（Requestly など）に頼るきっかけとなったサイト読み込みの問題を解決します。

Visual Editing Helper 拡張機能を使用するメリット

• すべての iframe バスティングヘッダー（X-Frame-Options や Content-Security-Policy など）は、web サイトから暗黙的に削除されます。複雑な Requestly ルールを作成する必要はありません。

• Web ページに Target at.js ライブラリがまだ含まれていない場合は、この拡張機能を使用してライブラリを挿入することにより、web サイトのエクスペリエンスを作成できます。その後に、アクティビティを作成し、プレビューリンクを使用してアクティビティの QA を実行できます。

  拡張 Experience Composer を使用すると、拡張機能では at.js は挿入されませんが、SameSite Cookie 機能は引き続き存在します。Web ページに at.js を挿入するには、EEC をオフにします。

• モバイルビューポートは、拡張 Experience Composer（EEC）がなくてもサポートされます。

• Targetが初めてのお客様は、自社の IT 開発者がまだ Web サイトにTargetを実装していない場合でも、拡張機能を使用してTargetを試すことができます。

• 複数のお客様の Web サイトおよびTargetアカウントにサービスを提供するパートナーは、サードパーティツールで複数のルールを管理するのではなく、VEC 読み込みをサポートする 1 つのシンプルなメカニズムを利用できるようになりました。

Visual Editing Helper ブラウザー拡張機能の取得とインストール

1. Adobe Experience Cloud Visual Editing Helper Chrome ウェブストアのブラウザー拡張機能に移動します。

2. Chrome に追加／拡張機能を追加​をクリックします。

3. Target で VEC を開きます。

4. この拡張機能を使用するには、VEC または QA モードで、Chrome ブラウザーのツールバーにある「Visual Editing Helper」ブラウザー拡張機能アイコン（）をクリックします。

   Target VEC で web サイトを開くと、Visual Editing Helper が自動的に有効になり、オーサリング機能が強化されます。この拡張機能には、条件付き設定はありません。この拡張機能では、SameSite Cookie の設定を含むすべての設定を自動的に処理します。

   SameSite=None 属性に関するブラウザーの修正について詳しくは、「Google Chrome の SameSite cookie 実施ポリシーは、VEC および EEC にどのような影響を与えますか？」の節を参照してください。Visual Experience Composer と拡張 Experience Composer に関連する問題のトラブルシューティング。

メモ

• Target の場合、この拡張機能が、Target UI の管理／実装から利用可能な最新版の at.js を読み込み、at.js がオーサリングライブラリをダウンロードします。

• QA モードでこの拡張機能を使用して at.js を挿入する場合は、別の Chrome タブを開く必要があります。この Chrome タブは、アクティビティを作成したのと同じ Adobe Experience Cloud 組織に対して認証されている必要があります。

• 次のメッセージにより、さらに情報が提供されます。

  • 読み込みに失敗した VEC を使用して web サイトを読み込もうとすると、Visual Editing Helper ブラウザー拡張機能のインストールを勧めるメッセージが表示されます。
  • at.js または alloy.js が web サイトにまだ実装されていない場合、この拡張機能のインストールを勧めるメッセージが VEC に表示されます。

• 新しい拡張機能を使用してから古い拡張機能に戻り、Target が web サイトの読み込みに失敗した場合は、すべてのブラウザー データを消去し、新しい拡張機能を無効にします。

よくある質問

拡張機能がアクティブな場合、Adobe Target または Adobe Journey Optimizer（AJO）以外で使用した際に何か作業を行いますか？

この拡張機能は、対象の web サイトが Adobe 製品（Target、AJO）の iFrame 内に読み込まれた場合にのみアクティブになります。このフロー以外では、拡張機能はヘッダーを追加、削除、変更せずに、web サイト内にコードを挿入しようとしません。

拡張機能が Adobe Target VEC でアクティブな場合、何を行いますか？

Web サイトが Adobe 製品（Target、AJO）の iFrame 内に読み込まれると、拡張機能は web サイトにコード（拡張機能にバンドルされている）を挿入し、Adobe CDN からヘルパーファイルをダウンロードしてビジュアルオーサリングを有効にします。