AAMにデータを送信する際の SPA ページでのベストプラクティスの使用 using-best-practices-on-spa-pages-when-sending-data-to-aam
このドキュメントでは、単一ページアプリケーション（SPA）からAdobe Audience Manager（AAM）にデータを送信するためのベストプラクティスをいくつか説明します。 この記事では、推奨される実装方法である Experience Platform tags の使用に焦点を当てています。
最初のメモ
- 以下の項目は、Platform タグを使用してサイトに実装していることを前提としています。 Platform タグを使用していない場合でも考慮事項は存在しますが、実装方法に合わせて調整する必要があります。
- SPA はそれぞれ異なるため、要件に合わせて次の項目を微調整する必要が生じる場合がありますが、Adobeでは、SPA ページからAudience Managerにデータを送信する際に考慮する必要がある、いくつかのベストプラクティスについて説明します。
Experience Platform タグ（以前の Launch）での SPA およびAAMの操作に関する簡単な図 simple-diagram-of-working-with-spas-and-aam-in-experience-platform-launch
SPA ページからのタグのトリガー triggering-launch-from-the-spa-page
Platform タグでルールをトリガーする（したがってAudience Managerにデータを送信する）最も一般的な方法は、次の 2 つです。
- JavaScript カスタムイベントの設定（Adobe Analyticsを使用した例 こちらを参照）
- Direct Call Rule の使用
このAudience Managerの例では、Platform タグで Direct Call rule を使用して、Audience Managerに送信されるヒットをトリガーします。 次の節で説明するように、Data Layer を新しい値に設定すると、Platform タグの Data Element で取得できるので便利です。
デモページ demo-page
次に、SPA ページの場合と同様に、データレイヤーの値を変更してAudience Managerに送信する方法を示す小さなページを示します。 この機能をモデル化して、より詳細な変更が必要になるようにすることができます。 このデモページは こちらにあります。
データレイヤーの設定 setting-the-data-layer
前述のように、新しいコンテンツがページに読み込まれるとき、またはユーザーがサイトでアクションを実行するとき、Platform タグが呼び出されて rules を実行する前に、データレイヤーをページの先頭に動的に設定して、Platform タグがデータレイヤーから新しい値を取得して、Audience Managerにプッシュできるようにする必要があります。
上記のデモサイトに移動し、ページソースを確認すると、次のように表示されます。
- データレイヤーが、Platform タグを呼び出す前の、ページの先頭にあります
- シミュレートされた SPA リンクのJavaScriptが Data Layer を変更してから、Platform タグを呼び出します（
_satellite.track()呼び出し）。 この Direct Call Rule の代わりにJavaScript カスタムイベントを使用した場合、レッスンは同じです。 最初に data layer を変更し、次に Platform タグを呼び出します。