如何在Adobe Analytics中做單頁應用追蹤(SPA/PWA)

Adobe Analytics Haran 1年前 (2023-06-16) 949次瀏覽 0條留言

這一篇介紹如何在Adobe Analytics中做單頁應用追蹤。

總體上來說,Adobe AnalyticsSPA方案可以分為三種類型:

  • Launch內置機制
  • 主動發送資料
  • 混合方案

Adobe Launch內置機制

單頁應用最大的特點在於頁面只加載一次,之後訪問其他頁面是沒有加載的,所以不能像普通頁面那樣追踪,每次頁面訪問都加載Adobe Launch/Adobe Analytics的追蹤程式,但Adobe Launch內置有一些機制可以偵聽使用者在訪問其他頁面,如History Change。

所以可以採用同時使用Library Loaded和History Change的方式:

  • Library Loaded:是追蹤普通頁面加載,
  • History Change;是追蹤後續後續的頁面範文,不需要再加載

如何在Adobe Analytics中做單頁應用追蹤(SPA/PWA)

內置機制的優缺點如下:

  • 優點:不需要工程師的支援,可以快速實施
  • 缺點:由於完全取決於Adobe Launch內置機制,有些資訊可能會獲取不到,或獲取不准,如當訪問第二個頁面的,網頁標題獲取到的是當前,與網頁網址是對不上的。

 

主動發送資料

主動發送資料就是有工程師組裝所需資料,然後發送出去,發送的方式有多種,對於主動資料,有兩個要求:

  • Adobe Launch/Adobe Analytics的基礎追蹤碼加載後才發送,如果主動發送在基礎追蹤碼加載之前就發送,會導致資料跟蹤不到。
  • 網頁瀏覽要比事件早發送,這裡的網頁是指第一個頁面,因為第一個頁面上管道資訊,如果事件比網頁瀏覽快,會導致資料的管道劃分錯誤。

 

自訂事件

自訂事件就是通過普通自訂事件的方式去發送所需資料,這是官方推薦的方式,當頁面打開的時候,先準備資料層,然後發送自訂事件,Launch上去觸發:

如何在Adobe Analytics中做單頁應用追蹤(SPA/PWA)

 

為了提高準確度,建議是直接將資料層在自訂事件裡發送。

需要注意,這裡的自訂事件是使用JavaScript裡的事件,所以要注意不要在基礎追蹤碼加載之前就發送。

 

DCR

DCR的全稱是Direct Call Rules,是Adobe提供一個主動發送資料的方式。

_satellite.track("identifier")

DCR通常用於簡單的交互追蹤,如果要傳遞很多的資料,那麼需要定義一個標準的資料結構。

 

EDDL

EDDL的全稱是Event-Driven Data Layer,最初是第三方的Extensions提供一種類似GTM裡dataLayer.push的方式,如SearchDiscover提供的Data Layer Manager :

appEventData.push({
  "event" : "Page Load Started",
  "page" : {
    "name" : "Home Equity Lines of Credit",
    "title" : "Acme Corp : HELOC"
  }
});

同於GTM裡的dataLayer.push,兩者可以通用的。

 

ACDL

ACDL的全稱是Adobe Client Data Layer,ACDL是Adobe提供的一種EDDL,寫法如下:

adobeDataLayer.push({
  event: "my event",
  eventInfo: {
    category: "foo",
    label: "bar",
  },
  page: {
    name: "my page",
  },
});

 

主動發送資料的優缺點如下:

  • 優點:數據結構標準,資料準確
  • 缺點:需要工程師支援,組裝和發送資料;當發送的資料太頻繁的時候,Launch正在處理第一個事件的時候,第二個發送事件的資料也被Launch發送過來,可能會導致第二個事件裡的資料(值)出現在第一個事件裡,解決方式是做一些延遲發送或條件判斷。

 

混合方案

主動發送資料是比較常用的方式,讓工程師去控制資料的發送順序,但如果由於SPA的架構導致工程師很難控制資料的發送順序,那這時候可以考慮用混合方案。

混合方案就是Launch內置機制+主動發送資料,對於第一個頁面,它打開的時候是需要頁面加載的,用Library Loaded去跟蹤,之後的頁面可以使用主動發送資料裡的範式去追蹤,Library Loaded的加載順序是最快,所以它可以解決網頁瀏覽要快於事件的要求。

 

 

最總,你在單頁應用上實施了Adobe Analytics,你可能會遇到Rogue Referral,如果你不了解Rogue Referral,請看解決GA中單頁應用追蹤中出現Rogue Referral的幾個方法,下一篇介紹如何解決Adobe Analytics中的Rogue Referral問題。


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址