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

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

初始附註

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

Experience Platform Launch<a0/SPAAAM>中使用和使用的簡單圖

aam中的spa  launch

注意

如前所述,這是使用Platform Launch在SPAAdobe Audience Manager實施(沒有Adobe Analytics)中如何處理頁面的簡化圖。 如您所見,這是相當直接的,而最重要的決定是如何將視圖更改(或動作)傳達給Platform Launch。

從頁面觸SPA發Launch

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

  • 設定JavaScript自訂事件(請參閱HERE與Adobe Analytics)
  • 使用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之前
  • 模擬連結中的SPAJavaScript會變更Data Layer,然後呼叫Platform Launch (_satellite.track()呼叫)。 如果您使用JavaScript自訂事件而非此Direct Call Rule,則課程是相同的。 首先更改data layer,然後調用Launch。

其他資源

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now