ドキュメントTargetAdobe Target チュートリアル

Adobe Targetの at.js 2.0 の仕組みを理解する

最終更新日: 2025年2月18日
  • トピック:
  • 実装

作成対象:

  • 中級
  • 開発者

at.js 2.0 は、シングルページアプリケーション(SPA)に対するAdobe Targetのサポートを強化し、他のExperience Cloud ソリューションと統合されています。 このビデオと付属の図では、すべてがどのように統合されるかを説明します。

アーキテクチャ図

ページ読み込み時の at.js 2.0 の動作

  1. 呼び出しによってExperience Cloud ID (ECID)が返されます。 ユーザーが認証されると、別の呼び出しでその顧客 ID が同期されます。

  2. ライブラリ at.js 同期して読み込まれ、ドキュメントの本文を非表示にします(ページに実装され at.js オプションの事前非表示スニペットを使用して非同期で読み込むこともできます)。

  3. すべての設定済みパラメーター、ECID、SDID、顧客 ID を含むページ読み込みリクエストが行われます。

  4. プロファイルスクリプトは、を実行して Profile Store に入力します。 ストアは、Audience Library から選定オーディエンス(Analytics、Audience Managerなどから共有されたオーディエンスなど)をリクエストします。 Customer Attributes は、バッチ処理で Profile Store に送信されます。

  5. URL、リクエストパラメーター、プロファイルデータに基づいて、現在のページと今後の表示で訪問者に返すアクティビティとエクスペリエンスを Target 定します

  6. ターゲットコンテンツがページに送り返されます(オプションで、パーソナライゼーションを追加するためのプロファイル値も含む)。

    現在のページ上のターゲットコンテンツは、デフォルトコンテンツのちらつきなしでできるだけ早く表示されます。

    単一ページアプリケーションの今後のビュー用のターゲットコンテンツは、ブラウザーにキャッシュされます。そのため、ビューがトリガーされたときに追加のサーバー呼び出しをおこなわずに即座にターゲットコンテンツを適用できます。 (triggerView() の動作については、次の図を参照してください)。

  7. ページから Data Collection サーバーに送信された Analytics データ

  8. Target データは、SDID を介して Analytics データと照合され、Analytics レポートストレージに処理されます。 A4T レポートを使用して、Analytics データが Analytics と Target の両方に表示できるようになります。

triggerView ()関数が使用された場合の at.js 2.0 の動作

  1. adobe.target.triggerView() は、単一ページアプリケーションで呼び出されます

  2. ビューのターゲットコンテンツがキャッシュから読み取られる

  3. ターゲットコンテンツは、デフォルトコンテンツのちらつきなしでできるだけ早く表示されます

  4. アクティビティ内の訪問者をカウントして指標を増分するための通知リクエストが Target Profile Store ーザーに送信されます

  5. Analytics データは SPA から Data Collection サーバーに送信されます

  6. データ Target、Target バックエンドから Data Collection Server に送信されます。 Target データは、SDID を介して Analytics データと照合され、Analytics レポートストレージに処理されます。 A4T レポートを使用して、Analytics データが Analytics と Target の両方に表示できるようになります。

その他のリソース

  • at.js 2.0 のシングルページアプリケーションへの実装
  • Adobe Targetのシングルページアプリケーション用 Visual Experience Composer (SPA VEC)の使用
recommendation-more-help
0f172607-337e-442f-a279-477fd735571f