GA4上對單頁應用(SPA)做追蹤——加強型評估

Google Analytics Haran 3年前 (2022-03-10) 1647次瀏覽 0條留言

更新時間:2025年6月25號

什麼是單頁應用程序

單頁應用(英語:single-page application,縮寫SPA)是一種網路應用程式或網站的模型,它通過動態重寫當前頁面來與使用者互動,而非傳統的從伺服器重新載入整個新頁面。

使用者在訪問頁面的時候,URL雖然會有變化,但頁面是沒有重新加載的,這種方法避免了頁面之間切換打斷使用者體驗,使應用程式更像一個桌面應用程式。

在傳統網站中,每次頁面載入都會觸發GA4的page_view事件,而在SPA中,由於頁面不刷新,GA4需要額外的配置來正確記錄「虛擬頁面瀏覽」和其他使用者互動。

 

GA4追蹤單頁應用的挑戰

在SPA中,GA4面臨的常見追蹤問題包括:

  • 頁面瀏覽未被記錄:由於頁面不重新加載,GA4的預設page_view事件可能只在首次加載時觸發,後續的頁面內容變更不會自動記錄。
  • URL和頁面標題不準確:SPA可能透過pushState更新URL,但GA4預設使用document.location.pathname,可能無法捕獲完整的URL或正確的頁面標題。
  • 工作階段與引薦來源問題(Rogue referrer):如果不正確配置,SPA可能導致工作階段資料斷裂或引薦來源資料錯誤,影響使用者旅程分析。
  • 事件重複或遺漏:自動追蹤(如加強型評估)可能導致頁面瀏覽事件重複計數,或在某些情況下未能觸發。

 

如何判斷你的網站是不是單頁應用

你可以在GTM 的預覽模式裡從A頁面點擊訪問B頁面,在這個過程裡看Tag Assistant有沒有重新加載頁面,如果重新加載,那麼就不是單頁應用,如果沒有重新加載,出現很多的History,就是單頁應用。

預覽之前,先需要開起這個觸發條件,在GTM中點擊「觸發條件」——「新增」——「請選擇觸發條件類型以開始設定…」——「記錄變更」,命名為History Change,然後做如下設定:

然後點擊「預覽」,隨意點擊一個頁面,然後看Tag Assistant:

點擊後,Tag Assistant出現「記錄」,那就是單頁應用。

需要注意,現在有些網站,部分頁面是單頁應用,部分是普通網頁,所以你需要多點擊幾個頁面看看。

加強型評估追蹤單頁應用

GA4加強型評估(Enhanced Measurement)功能是追蹤SPA的最簡單方法之一。

它預設為啟用,能夠自動擷取頁面瀏覽、捲動、點擊、檔案下載等事件。對於SPA,增強測量透過監聽瀏覽器的History API(pushState和replaceState)來偵測URL變化,並觸發page_view事件。

 

實現步驟

設定位置在網頁串流詳情裡面點擊「加強型評估」:

點擊「隱藏進階設定」,勾選“根據瀏覽器歷史記錄時間判斷的頁面更改”:

這樣就完成設定了,如果你在GTM的預覽模式下的History裡API Call裡能看到gtm.historyChange-v2,就表示被追蹤到了。

 

優點

  • 簡單易用:無需額外編碼。

 

缺點

  • URL和頁面標題不準確:無法自訂頁面標題或參數,依賴預設的document.location.pathname。

 

 

適用場景

加強型評估適合簡單SPA,URL變化與頁面內容更新直接相關,且對頁面標題和參數的自訂需求較低


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

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

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