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が既に読み込まれていることを知らせるメッセージを受け取ります。 Adobeでは、ほとんどのお客様が既にat.jsがページに実装されており、デフォルト設定の「オフ」を使用していることが予測されます。

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

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

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

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

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now