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

在本檔案中,我們將說明從Single Page Applications (SPA)傳送資料至Adobe Audience Manager(AAM)時,您應遵循並注意的幾項最佳實務。 本檔案著重於使用Experience Platform Launch,此為建議的實作方法。

初始附註

  • 以下項目會假設您使用Platform Launch在您的網站上實作。 若您未使用Platform Launch,則考量事項仍會存在,但您需要將其調整至實施方法。
  • 所有SPA都不同,因此您可能需要調整下列一些項目,以最符合您的需求,但我們想與您分享一些最佳實務;從SPA頁面傳送資料至Audience Manager時需要思考的事項。

在Experience Platform Launch中使用SPA和AAM的簡單圖表

aam中的spa  launch

注意

如前所述,此簡化圖表說明在使用Platform Launch的Adobe Audience Manager實作(不含Adobe Analytics)中,如何處理SPA頁面。 如您所見,這是相當直接的,最重要的決定是您將如何將視圖更改(或操作)傳達給Platform Launch。

從SPA頁面觸發Launch

在Platform Launch中觸發規則(並因此將資料傳送至Audience Manager)的兩種較常見方法為:

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

在此Audience Manager範例中,我們將使用Launch中的Direct Call rule來觸發進入Audience Manager的點擊。 如您在後幾節中所見,將Data Layer設為新值後,這真的會很有用,讓Platform Launch中的Data Element可擷取它。

示範頁面

我們已建立一個小型示範頁面,示範如何變更data layer中的值,並將其傳送至AAM,如同您在SPA頁面上所做的一樣。 此功能可針對所需的更詳盡變更進行模型化。 您可以找到此示範頁面HERE

設定 data layer

如上所述,當頁面上載入新內容或有人在網站上執行動作時,data layer必須在頁面標題中動態設定,才會呼叫Launch並執行rules,讓Platform Launch能夠從data layer擷取新值,並將其推入Audience Manager。

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

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

其他資源

本頁內容