Visual Experience Composer ヘルパー拡張機能

The Adobe Target Visual Experience Composer (VEC) Helper browser extension for Google Chrome lets you load websites reliably within the VEC to rapidly author and QA web experiences.

メモ

VEC Helperブラウザーは、Chromeの拡張機能です。 Mozilla Firefoxを使用する場合、この拡張機能は不要です。

一部のWebサイトがVECで確実に開かない理由

The VEC Helper browser extension for Chrome solves site-loading issues for which customers now rely on the Target Enhanced Experience Composer or third-party extensions, such as Requestly.

VEC Helper拡張機能を使用する利点

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

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

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

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

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

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

VEC ヘルパーブラウザー拡張の取得とインストール

  1. Navigate to the Adobe Target VEC Helper browser extension in the Chrome Web Store.

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

  3. でVECを開き Targetます。

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

  5. (条件付き)Webページにまだ at.js JavaScriptライブラリが含まれていない場合、「ターゲットライブラリを 挿入 Target 」トグルを「オン」位置にスライドさせます。

    「Target ライブラリを挿入」設定が有効になっている VEC ヘルパーを次の図に示します。

    VEC ヘルパー 1

    オーサリングを有効にするためにページにTargetライブラリを挿入するかどうかを VEC ヘルパーが確認している様子を次の図に示します。

    VEC ヘルパー 2

  6. (条件付き)「 Cookie 」を「on」の位置に切り替えて、SameSite=None属性ブラウザーの修正を自動的に追加し、Cookieの名前とドメインを指定します。

    VECヘルパー拡張でのcookieの切り替え

    追加情報については、次のリンクを参照してください。

メモ

  • 実装するには Targetat.js ライブラリを使用する必要があります。拡張機能では、mbox.js の実装を使用できません。

  • デフォルトでは、拡張機能の「 Target ライブラリを挿入 」フラグがオフになっています。Target向けにまだ実装されていないサイトで VEC を使用する場合は、このフラグを有効にすることができます。

    このフラグはグローバル設定であることに注意してください。このフラグは、VEC で開かれているすべての Web サイトに対して有効または無効になります。例えば、このフラグを「on」に設定し、既にat.jsを使用して実装されているWebサイトを開くと、at.jsが既に読み込まれていることを知らせるメッセージが表示されます。 ほとんどのお客様は、既にページにat.jsが実装されており、デフォルト設定の「オフ」を使用することを予期しています。

  • The extension loads the latest version of at.js that is available from the Target UI in Administration > Implementation.

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

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

    • VEC を使用した Web サイトの読み込みに失敗した場合、VEC ヘルパーブラウザー拡張機能のインストールを勧めるメッセージが表示されます。
    • at.js が Web サイトにまだ実装されていない場合、拡張機能のインストールを勧めるメッセージが VEC に表示されます。
    • 拡張機能を有効にして読み込みを実行している場合は、拡張機能により at.js ライブラリが挿入(必要に応じて)されるか、または VEC 内で Web サイトが確実に開かれることを示すメッセージが表示されます。

このページ