GA4 Debug View 功能介紹與使用教學

當工程師添加新追蹤代碼到網站，數據驗證這個步驟對許多人來說總是非常痛苦，因為沒有適當的工具，有時甚至會直接將未驗證的代碼發布至正式環境，再對從正式環境收集到的數據進行驗證；千萬別這麼做！本篇文章將會教你如何使用正確的工具讓你可以在 GA4 Debug View 驗證那些尚未發布的代碼。

認識 Debug View & Debug Mode

簡單來說， Debug View 是一個即時報表，專門紀錄已開啟 Debug Mode 的裝置行為，可以查看包含事件、參數以及使用者屬性數據。

在正式環境，很多事件都是包成一包統一送到 GA4；舉例來說，你可能認為只有送出一個網頁瀏覽事件，但實際上這個事件可能同時包含了 session_start 、 user_engagement 、 first_visit 等等自動收集的事件；當裝置開啟了 Debug Mode ，這些事件會獨立拆解開並即時出現在 Debug View 報表上。

Debug View 報表介面介紹

在 GA4 資源介面，設定選單最下方可以找到 DebugView 報表。

1. 偵錯裝置
   • 所有已開啟 Debug Mode 的裝置都會出現在這裡，透過下拉式選單可以選擇要查看的裝置。
2. 事件總覽
   • 以分鐘為單位，顯示每分鐘收到的事件總數，點擊事件總數，右邊事件概況會直接跳轉到對應的時間點。
3. 事件概況
   • 顯示當前裝置產生的所有事件，單獨點擊事件可以查看該事件使用的參數與使用者屬性。
4. 熱門事件
   • 顯示30分鐘內收集到的事件與事件總數。
5. 使用者屬性目前有效
   • 顯示當前裝置產生的使用者屬性。

如何開啟瀏覽器 Debug Mode?

• 如果網站使用 GTM 埋設代碼
  • 開啟 GTM 預覽模式的同時， Debug Mode 就已經自動啟用了，可以直接在 Debug View 找到當前瀏覽器裝置。

• 如果網站使用 Gtag 埋設代碼
  • 在發布代碼到正式環境以前，建議先在測試環境中測試代碼，安裝並啟用 Google Analytics Debugger 外掛，瀏覽器就會自動進入 Debug Mode。

更多有關 Debug View 的說明可以參考官方文件。