GTM教學|埋設事件後確認GA4有無收到事件

GA4已經搬移一週了,許多自架站、自訂事件、自訂微轉換事件等。多少會使用「GTM埋設至GA4」。GTM發佈後,除了等待事件跑出來外。你能確定網站有開始傳送事件至GA4嗎? 當然題外話,你也可以直接使用「事件產生器」,先為GA4灌入一定量的事件後,明天他自然就會開始收集事件了。

本篇重點為,查看瀏覽器發出的「網站請求」,當下即可查看官網是否有正確發送事件至GA4。本篇會以前端角度,看待數位追蹤的過程,所以覺得看不太懂也很正常的,未來要使用這方式,再來翻這篇就可以!

GTM埋設適用情境

GTM & GA4
如何確認官網有無傳送GA4事件?
  • 當使用GTM發佈新版本後。
  • 使用GA4設定新事件後。

準備開發者工具 (F12)

GTM & GA4
如何確認官網有無傳送GA4事件?

使用電腦瀏覽器,並且按F12,點選網路Network。這介面要在操作中,也一直開啟,才會記錄網站做的事情。

切換選單分類

GTM & GA4 如何確認官網有無傳送GA4事件?

切換上方的類別至「其他(Other)」。

找到GA4發送的紀錄

GTM & GA4 如何確認官網有無傳送GA4事件?

GA4在這邊的名稱開頭為「Collect?….」隨便點一個進去後,再按內層選單的「Payload」。

  • 這邊為瀏覽器向請求對象給予的資料,即發送至GA的資料。

GA4事件 – 找到名為en開頭

GTM & GA4 如何確認官網有無傳送GA4事件?

在Payload的選單裡,找到en (Event) 即是發送出去給GA4紀錄的事件,所以如果你在這邊有看到你要的事件名稱,就代表前端有成功把網站資料,傳送給GA4收集。就可以等待GA4的處理資料,顯示報表。

en:scroll,這邊也跟之前教學一樣,一個KEY搭配VALUE。

埋設GA4事件 – 重點整理

如果你想測試新開設的事件,例如「加入購物車」。

  • 先把F12 -> Network網路選單 開啟
  • 點選加入購物車按鈕 (觸發你設定的事件條件)
  • 找到選單中的Network(網路),並找到類別(Other)
  • 找到名為Collect?開頭的,點選內頁後進入payload
  • 確認en有無「加入購物車」(ATC)事件,即完成!
error: