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 タグ（旧Adobe Cloud Platform Launch）でのSPAとAAMの操作を示すシンプルな図 simple-diagram-of-working-with-spas-and-aam-in-experience-platform-launch
タグ内のaamの
NOTE
前述したように、これは、Platform タグを使用して（Adobe Analyticsを使用しない）Adobe Audience Manager実装でSPA ページを処理する方法を簡略化した図です。 ご覧のとおり、これは非常に簡単で、大きな決定は、ビューの変更（またはアクション）をPlatform タグに伝える方法です。
SPA ページからのタグのトリガー triggering-launch-from-the-spa-page
Platform タグでルールをトリガーする（つまりAudience Managerにデータを送信する）一般的な方法は、次の2つです。
- JavaScript カスタムイベントの設定（Adobe Analyticsを使用した例HEREを参照）
- 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 タグがデータレイヤーから新しい値を取得してAudience Managerにプッシュできるように、新しいコンテンツがページに読み込まれたり、サイト上で誰かがアクションを実行したりすると、データレイヤーをページの先頭で動的に設定してrulesを実行する必要があります。
上記のデモサイトに移動し、ページソースを見ると、次のような表示になります。
- データレイヤーは、Platform タグの呼び出しの前のページの先頭にあります
- シミュレートされたSPA リンク内のJavaScriptはData Layerを変更し、Platform タグ（
_satellite.track()呼び出し）を呼び出します。 このDirect Call Ruleの代わりにJavaScript カスタムイベントを使用していた場合、レッスンは同じです。 最初にdata layerを変更し、次にPlatform タグを呼び出します。
その他のリソース additional-resources
recommendation-more-help
audience-manager-learn-help