Visual Editing Helper 拡張機能

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

IMPORTANT
この新しい拡張機能は、以前の Target VEC Helper ブラウザー拡張機能に代わるものです。この記事の上部にある重要なメモを参照してください。

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

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

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

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

  • すべての iframe バスティングヘッダー(X-Frame-OptionsContent-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」ブラウザー拡張機能アイコン( Visual Editing 拡張機能アイコン )をクリックします。

    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 からヘルパーファイルをダウンロードしてビジュアルオーサリングを有効にします。

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654