GA4 埋碼完成後該如何測試呢?事件參數檢查工具與方法!
By Ian Shih profile image Ian Shih
4 min read

GA4 埋碼完成後該如何測試呢?事件參數檢查工具與方法!

GA4 是一個強大的分析工具,用來追蹤網站上的用戶行為和事件,而使用這項工具時,埋碼工作是不可或缺的環節,尤其重要。在埋碼前與埋碼的過程中充滿著許多事件與參數規劃的討論,確保能收集到我們想要的分析資料,而這些資料的收集與正確性,關鍵的步驟就是網站工程師完成埋碼後,必須確保事件和參數正確。那工程團隊該如何檢查埋設的事件參數呢?現在就來跟大家分享常使用的 GA4 檢查方法與工具應用。


1. DebugView


首先跟大家介紹的就是 GA4 原生的功能 DebugView  

路徑:進入GA4介面 > 管理齒輪 > 資源 > DebugView

  • 進入 DebugView 後,首先我們必須找到自己的偵錯裝置,確認偵錯裝置後,頁面上就會顯示正在發送到 GA4 的事件和參數,這可以幫助我們馬上確認事件是否被追蹤並檢查參數值是否正確。
  • 試試點擊畫面上 view_item_list 事件。
  • 點擊事件後就可以逐一檢查事件內是否都有包含了需要的參數,並且參數中是否有得到正確的值。

我們可以透過以上的結果,發現問題,並進一步修正!這邊有一點必須注意就是DebugView是必須啟用偵測模式才能使用的喔。
如果不知道如何啟用的話,可以點擊連結偵測模式參考官方文件。

2. ANALYTICS DEBUGGER

接下來介紹的是chorme的擴充工具,介面簡易閱讀,GA3 與 GA4 事件分開,閱讀一目瞭然,對不習慣看網頁原始碼的人非常友善!下載完後就可以直接在有埋 GA4 的網頁進行檢查,可以快速觀察到不同網站收集 GA4 事件的規劃跟分類,非常有趣。大家可以直接到 chrome 線上應用程式商店下載 (有黃色小鴨才是正確的版本唷),推薦!


路徑:檢視網頁原始碼 > Analytics Debugger > START DEBUGGING

  • 點擊START DEBUGGING後,大家可以看到 GTM/GTAG、GA3 和 GA4,可以根據需求切換,我們直接選擇 GA4 ,進入 GA4 畫面後就可以看到左方所有觸發的事件列出。
  • 試試點擊 page_view 事件,此時右側Event Parmeters 就會顯示事件的相關訊息,我們就可以從這檢查是否有參數或是參數值錯誤,並做調整。

以上兩個 GA4 Debug 應用分享給大家,當然檢查事件的工具不只這兩種,但這些方式對我來說是目前使用頻率最高的,也歡迎大家跟我分享其他工具!

工具跟使用方法介紹完後,大家要記得檢查時的幾個要點。

  1. 事件是否有成功觸發
  2. 事件內包含的參數是否遺漏或增加
  3. 參數名稱與參數值是否正確

簡而言之,驗證就是反覆檢查,發現問題後修正的循環過程

希望各位 GA4 埋碼與檢查都順順利利!


參考資料
debugView截圖來源為 GA4 demo account
Analytics Debugger路徑截圖來源為chrome線上應用程式商店
Analytics Debugger demo使用網頁



By Ian Shih profile image Ian Shih
Updated on
GA4 網站分析商務實戰