將資料傳送至SPA時，請在AAM頁面上使用最佳實務

本檔案說明將資料從單頁應用程式(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)的兩個較常見方法是：

  • 設定JavaScript自訂事件 此處 使用Adobe Analytics)
  • 使用 Direct Call Rule

在此Audience Manager範例中，您會使用 Direct Call rule 在Platform標籤中，觸發進入Audience Manager的點選。 如同您將在下一節所見，透過設定 Data Layer 至新值，以便 Data Element 在Platform標籤中。

示範頁面

以下是一個小頁面，示範如何變更資料層中的值並將其傳送到Audience Manager中(您可能在SPA頁面上這麼做)。 此功能可建立模型，以因應更詳細的所需變更。 您可以找到此示範頁面 此處.

設定資料層

如前所述，在頁面上載入新內容或有人在網站上執行動作時，資料層需要在頁面標題中動態設定，之後才會呼叫並執行Platform標籤 rules，以便Platform標籤能從資料層擷取新值，並將它們推送到Audience Manager中。

如果您前往上述示範網站並檢視頁面來源，您將會看到：

  • 資料層位於頁面前端，在呼叫Platform標籤之前
  • 模擬SPA連結中的JavaScript會變更 Data Layer，然後呼叫Platform標籤( _satellite.track() 呼叫)。 如果您是使用JavaScript自訂事件，而不是這個 Direct Call Rule，則課程相同。 首先變更 data layer，然後呼叫Platform標籤。

其他資源

本頁內容