Google Chrome の Adobe Experience Cloud Visual Editing Helper ブラウザー拡張機能を使用すると、Adobe Target Visual Experience Composer(VEC)内に web サイトを確実に読み込んで、web エクスペリエンスを迅速に作成および QA できます。
この新しい拡張機能は、以前の Target VEC Helper ブラウザー拡張機能に代わるものです。この記事の上部にある重要なメモを参照してください。
Chrome 用の Adobe Experience Cloud Visual Editing Helper ブラウザー拡張機能は、顧客が Target 拡張 Experience Composer やサードパーティ拡張機能(Requestly など)に頼るきっかけとなったサイト読み込みの問題を解決します。
すべての 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 つのシンプルなメカニズムを利用できるようになりました。
Adobe Experience Cloud Visual Editing Helper Chrome ウェブストアのブラウザー拡張機能に移動します。
Chrome に追加/拡張機能を追加をクリックします。
Target で VEC を開きます。
この拡張機能を使用するには、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 組織に対して認証されている必要があります。
次のメッセージにより、さらに情報が提供されます。
新しい拡張機能を使用してから古い拡張機能に戻り、Target が web サイトの読み込みに失敗した場合は、すべてのブラウザー データを消去し、新しい拡張機能を無効にします。
この拡張機能は、対象の web サイトが Adobe 製品(Target、AJO)の iFrame 内に読み込まれた場合にのみアクティブになります。このフロー以外では、拡張機能はヘッダーを追加、削除、変更せずに、web サイト内にコードを挿入しようとしません。
Web サイトが Adobe 製品(Target、AJO)の iFrame 内に読み込まれると、拡張機能は web サイトにコード(拡張機能にバンドルされている)を挿入し、Adobe CDN からヘルパーファイルをダウンロードしてビジュアルオーサリングを有効にします。