文章目錄
Google Analytics 4 設定好後，我們需要去偵錯、測試，確定設定正確與否，Google Analytics 4 提供了內置的即時偵錯模式——DebugView，這一篇來介紹DebugView的用法。
認識DebugView
DebugView 是 Google Analytics 4 提供的內置的即時偵錯模式，你可以透過 DebugView 來監控事件，以便針對資料收集作業進行偵錯。
Google Analytics 4 點擊「管理」——「資源設定」——「資料顯示」——「DebugView」：
啟用DebugView的三種方式
網頁端，在GA4中啟用DebugView有三種方式：
- Chrome裡的擴充功能Google Analytics Debugger
- Google Tag Manager 的預覽模式
- 添加debug_mode參數
Chrome裡的擴充功能Google Analytics Debugger
你先需要在Chrome裡安裝Google Analytics Debugger，點擊擴充功能的圖標，將拓展添加到工具欄的位置：
打開要偵錯的頁面，然後點擊Google Analytics Debugger，點擊它會顯示on，就表示進入偵錯模式
返回到DebugView，可以看到裡面有資料，就表示成功進入偵錯模式：
Google Tag Manager的預覽模式
在GTM中點擊右上角的“預覽”進入調試狀態，如果你還不知道怎麼調試，請看：新版Google Tag Manager 預覽模式指南——Tag Assistant
返回到DebugView，如果在DebugView看到有資料，就表示成功進入偵錯模式。
添加debug_mode參數
你還可以透過添加debug_mode參數，使得資料在DebugView中可見，有兩種方式：
- 一種是添加Google Analytics 4 的基本設定，GTM中所有的設定（事件）都會生效，我的GA4基本設定是“Google Analytics 4 Basic Tracking”
- 一種是僅添加在要偵錯的設定，如你相對某個事件做偵錯，那麼就只在該事件的代碼添加debug_mode
如果你不知道用哪種方式，就選用第一種即可，接下來給大家示範如何添加debug_mode參數，打開GA4基本設定是“Google Analytics 4 Basic Tracking”，在「要設定的欄位」裡做如下設定：
debug_mode設定為true，那麼就可以在DebugView中看到資料。
進入預覽調試後，在GA4中點擊「管理」——「資源設定」——「資料顯示」——「DebugView」返回到DebugView，如果在DebugView看到有資料，就表示成功進入偵錯模式。
有時候因為資料延遲，可能需要等十幾秒才會有資料出現。
DebugView的介面導覽
DebugView的介面如下：
可以分為五部分：
- 偵錯裝置：當前進入偵錯、測試狀態的裝置
- 分動態：以分為單位顯示事件數，圈裡的數值就是事件總數，一點擊它，秒動態就會顯示裡面所有的事件
- 秒動態：以秒為單位顯示事件數，圈裡的數值就是事件總數
- 熱門事件：過去30分鐘觸發的事件
- 使用者屬性目前有效：過去30分鐘觸發的使用者屬性
偵錯裝置
如果你已經在多個裝置上啟用偵錯模式，可以使用「偵錯位置」來選擇要在 DebugView 報表中顯示的特定裝置，設定的位置在DebugView的左上角：
一般來說，偵錯是只有你自己的，但如果有其他人通過Google Analytics Debugger在你網站上偵錯的時候，那麼這裡就會出現多個裝置了，你可以透過下拉式選單選擇自己的裝置，去偵錯。
延伸閱讀：DebugView裡的偵錯裝置怎麼會有那麼多裝置呢？
分動態
分動態裡顯示許多圓圈，每個圓圈表示1分鐘，圓圈中的數字表示1分鐘內的事件數：
隨意點選任一個圓圈，系統就會把在該分鐘內記錄到的事件填入秒動態。
秒動態
顯示過去 60 秒內記錄的事件。每個事件都會顯示與開發裝置記錄的時間相對應的時間戳記：
點選任一事件可查看相關的參數：
隨著使用者屬性值在應用程式使用期間有所改變，串流動態中會持續顯示相關事件，最晚發生的事件會顯示在最上方。
熱門事件
顯示在 30 分鐘期間記錄的熱門事件：
可以點擊右上角的圖標去過濾。
使用者屬性目前有效
顯示目前使用者屬性，你可以點擊右上角的圖標，可以查看過去30分鐘的變更記錄：
用DebugView偵錯調試範例
用DebugView的偵錯調試用法是，進入偵錯模式後，在頁面模擬行為或事件，然後返回DebugView，在秒動態中找到對應的事件：
點擊該事件，查看相關的參數和使用者屬性是否準確：
如果準確，就表示事件追蹤設定沒問題。
由於DebugView裡能獲取的資訊比較少，如果事件追蹤沒有觸發，DebugView是定位不到原因，所以我是推薦使用Tag Assistant去偵錯測試。
常見錯誤或問題
延伸閱讀：GA4 DebugView裡的常見問題 （2023）
