ドキュメントAudience ManagerAudience Manager チュートリアル

データをAAMに送信する際のSPA ページでのベストプラクティスの使用

最終更新日: 2025年5月5日
  • トピック:
  • 実装の基本

作成対象:

  • 経験者
  • 開発者

このドキュメントでは、シングルページアプリケーション(SPA)からAdobe Audience Manager(AAM)にデータを送信するためのベストプラクティスをいくつか説明します。 この記事では、推奨される実装方法である Experience Platform tags の使用に焦点を当てています。

最初のメモ

  • 以下の項目は、Platform タグを使用してサイトに実装していることを前提としています。 Platform タグを使用していない場合でも考慮事項は存在しますが、実装方法に合わせて調整する必要があります。
  • SPAはそれぞれ異なるため、要件に合わせて以下の項目を微調整する必要が生じる場合がありますが、Adobeでは、SPA ページからAudience Managerにデータを送信する際に考慮する必要がある、いくつかのベストプラクティスを紹介したいと考えています。

Experience Platformタグ(以前の Launch)でのSPAおよびAAMの操作に関する簡単な図

タグでの aam 用 spa

メモ
前述のように、これは Platform タグを使用したAdobe Audience Manager実装(Adobe Analyticsなし)で、SPA ページがどのように処理されるかを簡単に示した図です。 ご覧のように、これは非常に簡単です。大きな決定は、ビューの変更(またはアクション)を Platform タグにどのように伝えるかです。

SPA ページからのタグのトリガー

Platform タグでルールをトリガーする(したがってAudience Managerにデータを送信する)最も一般的な方法は、次の 2 つです。

  • JavaScript カスタムイベントの設定(Adobe Analyticsを使用した例 こちらを参照)
  • Direct Call Rule の使用

このAudience Managerの例では、Platform タグで Direct Call rule を使用して、Audience Managerに入るヒットをトリガーします。 次の節で説明するように、Data Layer を新しい値に設定すると、Platform タグの Data Element で取得できるので便利です。

デモページ

次に、SPA ページで行うように、データレイヤー内の値を変更してAudience Managerに送信する方法を示す小さなページを示します。 この機能をモデル化して、より詳細な変更が必要になるようにすることができます。 このデモページは こちらにあります。

データレイヤーの設定

前述のように、新しいコンテンツがページに読み込まれるとき、またはユーザーがサイトでアクションを実行するとき、データレイヤーは、Platform タグが呼び出されて rules を実行する前に、ページの先頭に動的に設定される必要があります。これにより、Platform タグはデータレイヤーから新しい値を取得し、Audience Managerにプッシュできます。

上記のデモサイトに移動し、ページソースを確認すると、次のように表示されます。

  • データレイヤーが、Platform タグを呼び出す前の、ページの先頭にあります
  • シミュレートされたSPA リンクのJavaScriptが Data Layer を変更してから、Platform タグを呼び出します(_satellite.track() 呼び出し)。 この Direct Call Rule の代わりにJavaScript カスタムイベントを使用した場合、レッスンは同じです。 最初に data layer を変更し、次に Platform タグを呼び出します。

video poster

https://video.tv.adobe.com/v/38109/?quality=12&captions=jpn

その他のリソース

  • AdobeフォーラムでのSPA ディスカッション
  • Platform タグへのSPAの実装方法を示すリファレンスアーキテクチャのサイト
  • Adobe AnalyticsでSPAをトラッキングする際のベストプラクティスの使用
  • この記事で使用するデモサイト
recommendation-more-help
468cbaa0-07ce-4354-9a38-4f23b645a466