データをAAMに送信する際のSPA ページでのベストプラクティスの使用
- トピック:
- 実装の基本
作成対象:
- 経験者
- 開発者
このドキュメントでは、シングルページアプリケーション(SPA)からAdobe Audience Manager(AAM)にデータを送信するためのベストプラクティスをいくつか説明します。 この記事では、推奨される実装方法である Experience Platform tags の使用に焦点を当てています。
最初のメモ
- 以下の項目は、Platform タグを使用してサイトに実装していることを前提としています。 Platform タグを使用していない場合でも考慮事項は存在しますが、実装方法に合わせて調整する必要があります。
- SPAはそれぞれ異なるため、要件に合わせて以下の項目を微調整する必要が生じる場合がありますが、Adobeでは、SPA ページからAudience Managerにデータを送信する際に考慮する必要がある、いくつかのベストプラクティスを紹介したいと考えています。
Experience Platformタグ(以前の Launch)でのSPAおよびAAMの操作に関する簡単な図
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 タグを呼び出します。