Visual Experience Composer ヘルパー拡張機能

Google Chrome用Adobe Target Visual Experience Composer (VEC)ヘルパーブラウザー拡張機能を使用すると、VEC内でWebサイトを確実に読み込み、WebエクスペリエンスのオーサリングとQAを迅速に行うことができます。

メモ

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

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

  • Web サイトには厳格なセキュリティポリシーがあります。
  • Web サイトで iframe が使用されています。
  • Web サイトに at.js ライブラリがまだ実装されていません。
  • お客様の QA またはステージサイトは、外部では利用できません（サイトは内部）。
  • 強化されたSameSite cookieの適用ポリシーでGoogle Chrome 80以降を使用している。 詳しくは、最近発表されたGoogle Chrome SameSite cookieの実施ポリシーがVECおよびEECに与える影響を参照してください。

ChromeのVEC Helperブラウザー拡張機能を使用すると、サイト読み込みの問題を解決できます。サイト読み込みの際には、ユーザーがTarget 拡張Experience Composerや、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. Chrome Web Store](https://chrome.google.com/webstore/detail/adobe-target-vec-helper/ggjpideecfnbipkacplkhhaflkdjagak)の[Adobe TargetVEC Helperブラウザー拡張機能に移動します。

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

  3. TargetでVECを開きます。

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

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

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

    VEC ヘルパー 1

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

    VEC ヘルパー 2

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

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

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

    • SameSite=None属性ブラウザーの修正について詳しくは、「最近発表されたGoogle Chrome SameSite cookieの実施ポリシーがVECおよびEECに与える影響について」を参照してください。 Visual Experience Composerと拡張Experience Composerに関する問題のトラブルシューティングに記載されています。

    • Cookie名は「mbox」で、Cookieドメインはmboxを扱うドメインの2番目で最上位です。 会社のドメインなので、cookie はファーストパーティ cookie になります。例: mycompany.com. 詳しくは、『Experience Cloudインターフェイスユーザーガイド』のAdobe Targetcookieを参照してください。

メモ

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

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

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

  • この拡張機能は、Target UIの管理/実装にある<a0/>から入手できる最新バージョンのat.jsを読み込みます。

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

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

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

このページ