GA4已經搬移一週了,許多自架站、自訂事件、自訂微轉換事件等。多少會使用「GTM埋設至GA4」。GTM發佈後,除了等待事件跑出來外。你能確定網站有開始傳送事件至GA4嗎? 當然題外話,你也可以直接使用「事件產生器」,先為GA4灌入一定量的事件後,明天他自然就會開始收集事件了。
本篇重點為,查看瀏覽器發出的「網站請求」,當下即可查看官網是否有正確發送事件至GA4。本篇會以前端角度,看待數位追蹤的過程,所以覺得看不太懂也很正常的,未來要使用這方式,再來翻這篇就可以!
GTM埋設適用情境
- 當使用GTM發佈新版本後。
- 使用GA4設定新事件後。
準備開發者工具 (F12)
使用電腦瀏覽器,並且按F12,點選網路Network。這介面要在操作中,也一直開啟,才會記錄網站做的事情。
切換選單分類
切換上方的類別至「其他(Other)」。
找到GA4發送的紀錄
GA4在這邊的名稱開頭為「Collect?….」隨便點一個進去後,再按內層選單的「Payload」。
- 這邊為瀏覽器向請求對象給予的資料,即發送至GA的資料。
GA4事件 – 找到名為en開頭
在Payload的選單裡,找到en (Event) 即是發送出去給GA4紀錄的事件,所以如果你在這邊有看到你要的事件名稱,就代表前端有成功把網站資料,傳送給GA4收集。就可以等待GA4的處理資料,顯示報表。
en:scroll,這邊也跟之前教學一樣,一個KEY搭配VALUE。
埋設GA4事件 – 重點整理
如果你想測試新開設的事件,例如「加入購物車」。
- 先把F12 -> Network網路選單 開啟
- 點選加入購物車按鈕 (觸發你設定的事件條件)
- 找到選單中的Network(網路),並找到類別(Other)
- 找到名為Collect?開頭的,點選內頁後進入payload
- 確認en有無「加入購物車」(ATC)事件,即完成!