Visual Editing Helper 拡張機能

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

重要

この新しい拡張機能は、以前の 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-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 web ストアのブラウザー拡張機能に移動します。

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

このページ