將資料傳送至SPA時,請在AAM頁面上使用最佳實務 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

標籤中aam的 spa

NOTE
如前所述,這是如何在Adobe Audience Manager實施(不含Adobe Analytics)中使用Platform標籤處理SPA頁面的簡圖。 如您所見,這是相當直截了當的決定,其中最重大的決定是如何將檢視變更(或動作)傳達給Platform標籤。

從SPA頁面觸發標籤 triggering-launch-from-the-spa-page

在Platform標籤中觸發規則(因而將資料傳送至Audience Manager)的兩個較常見方法為:

  • 設定JavaScript自訂事件(使用Adobe Analytics參閱範例這裡)
  • 使用Direct Call Rule

在此Audience Manager範例中,您會在Platform標籤中使用Direct Call rule來觸發進入Audience Manager的點選。 您將在下一節中看到,將Data Layer設定為新值可讓其Platform標籤中的Data Element擷取,如此會很有用。

示範頁面 demo-page

以下是一個小頁面,示範如何變更資料層中的值並將其傳送到Audience Manager中(您可能在SPA頁面上這麼做)。 此功能可以模型化,以因應更複雜的必要變更。 您可以在這裡找到此示範頁面。

設定資料層 setting-the-data-layer

如前所述,當新內容載入頁面上,或有人在網站上執行動作時,必須在頁面標題中動態設定資料層,之後才會呼叫Platform標籤並執行rules,這樣Platform標籤就能從資料層擷取新值,並將它們推入Audience Manager。

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

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

其他資源 additional-resources

recommendation-more-help
468cbaa0-07ce-4354-9a38-4f23b645a466