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)事件,即完成!
更多文章
Looker Studio
- Looker Studio教學|Looker Studio 公式|電商指標
- Looker Studio教學|5個Looker Studio 混和資料功能
- Looker Studio 教學|指標維度是甚麼
- Looker Studio 教學|數據工程師帶你從0學Looker Studio
- Looker Studio教學|導入臉書廣告數據|Adveronix 免費工具
GA4
- GA4教學| 數據保留多久? 延長GA4數據保留時間?
- GA4教學|Measurment Protocol 實例
- GA4教學|GA4 如果有Not Set該怎麼辦
- GA4教學|GA4閾值門檻|GA4資料不正確
- GA4教學|GA4常見來源判定順序
- GA4教學|如何處理GA4重複事件
- GA4教學|自訂探索報表使用解說介紹|洞察來源unassigned
- GA4教學|GA4報表出現Unassigned如何解決
- GA4教學|排除金物流網域|Referrer必備知識
- GA4教學| 一定要知道的GA4資料設定
GTM
- GTM教學|GTM觸發條件常失敗
- GTM教學|設定 Consent Mode 同意聲明模式
- GTM教學|GTM問題總整理
- GTM教學|設定臉書像素|常見Meta問題總整理
- GTM教學|WordPress表單驗證事件|GA4追蹤教學
- GTM教學|手動設定GCP SERVER伺服器配置
- GTM教學|臉書像素重複事件怎麼解決
- GTM教學|GTM常用變數中文解說
- GTM教學|伺服器追蹤|自訂網域追蹤
- GTM教學|伺服器追蹤教學4|Http解說
- GTM教學|追蹤來自部落格轉換成效
- GTM教學|伺服器追蹤教學3 | Facebook轉換Capi設定
- GTM教學|伺服器追蹤教學2 | GA4事件設定
- GTM教學|伺服器追蹤教學 | 伺服器配置設定
- GTM教學|Tiktok廣告電子商務埋設大全3|廣告代碼埋設
- GTM教學|Tiktok廣告電商埋設2
- GTM教學|廣告電商埋設1|電商必要參數抓取
- GTM教學|電商埋設5|GA4電商埋設
- GTM教學|電子商務埋設大全4|GA4電子商務完整埋設
- GTM教學|GTM電商埋設3|抓取ItemName
- GTM教學|GTM電商埋設2|抓取ItemID
- GTM教學|電商埋設1|抓取Value
- GTM教學|提升廣告成效|Adblocker阻擋原理
- GTM教學|GTAG部署方式三大整理
- GTM教學|Google Ads 強轉換 | 購買金額
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
- GTM教學|AutoEvent追蹤使用者點選的圖片
- GTM教學|CSS Selector抓取表格的值
- GTM教學|了解網站熱門頁面|GTM追蹤點擊事件
- GTM教學|埋設事件|確認GA4有無收到事件
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
- GTM教學|3分鐘檢查GA4事件重複錯誤
- GTM教學|GA4電子商務事件埋設範本
- GTM教學|DOM抓取電商中的轉換價值
- GTM教學|新的GTM容器一定要做這設定
- GTM教學|設定GA4事件大全
- GTM教學|推薦GTM範本|全新DataLayer寫入方式
- GTM教學|網站計時器埋設|抓出使用者進站停留時間
- GTM教學|如何辨別是否網站為SPA站
- GTM教學|名單型網站追蹤|Thankyou Page 填寫表單事件
- GTM教學|網站通話追蹤|臉書私訊、加LINE
- GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
BigQuery
- BigQuery教學|BigQuery預測GA4數據
- BigQuery教學|視覺化報表怎麼製作
- BigQuery教學|基礎必備語法|免費BigQuery資料導入
- BigQuery教學|串接BIgQuery | BIgQuery費用