使用GTM 埋設GA4 事件代碼 - 數據酷
文章推薦指數: 80 %
Google Tag Manager 提供了兩種埋設GA4 訊號的代碼: GA4 設定代碼與GA4 事件代碼。
本篇文章將會帶你一步一步使用GTM 事件代碼設定完成GA4 事件代碼。
Skiptocontent
使用者資訊
訪客
最新文章
文章分類
GA4資源
GoogleAnalytics
GoogleDataStudio
GoogleTagManager
報表範本
DataStudio參數應用範例
電商跨媒體整合報表
GoogleAnalytics常用報表
YouTube影片留言深入洞察分析
GA4分析報表new_releases
追蹤粉絲專頁
GA4分析報表範本
查看範本報表
精選案例分享
查看完整內容
使用GTM埋設GA4事件代碼
最後更新日期 2021年9月2日|GoogleTagManager
開始使用GTM埋設GA4事件代碼以前,建議先了解GoogleAnalytics4事件,你必須知道的4件事情。
GoogleTagManager提供了兩種埋設GA4訊號的代碼:
GoogleAnalytics(分析):GA4設定代碼GA4基礎部屬代碼,可處理的行為包括設定GoogleAnalytics(分析)Cookie、傳送自動收集和加強型評估事件,以及宣告事件參數設定(提供事件代碼使用)。
GoogleAnalytics(分析):GA4事件代碼傳送自動收集和加強型評估以外的自定義事件。
傳送事件代碼前,必須先發送設定代碼部屬基本資訊,就和通用版GA(UniversalAnalytics)一樣,必須先發送網頁瀏覽再發送事件,或是可以把它想像成gtag的config指令(功能也相同),如果看不懂的話也沒有關係,本篇文章將會帶你一步一步使用GTM設定完成GA4的追蹤代碼。
目錄
Step1:建立GA4設定代碼Step2:建立GA4事件代碼Step3:檢查代碼是否正常觸發選項1:使用TagAssistantGTM預覽模式檢查代碼是否觸發選項2:使用TagAssistantGA4檢查代碼是否觸發選項3:使用GA4資源內建DebugView檢查代碼是否觸發Step4:發布GTM容器
Step1:建立GA4設定代碼
GA4設定代碼其實就和通用版GA的GA設定變數一樣,最重要的部分就是填入評估ID,可以從GA4網站資料串流取得,其餘設定可以按照需求自由做變更,最後將觸發條件設定為所有網頁瀏覽。
載入這項設定時傳送一次網頁瀏覽事件打勾這個選項GA4設定代碼會自動送出一個網頁瀏覽事件,要評估是否開啟,可參考GTM如何正確的送出GA4網頁瀏覽事件?要設定的欄位可以在此設定或修改預設參數或新增自訂參數,詳細說明可以參考GoogleAnalytics4事件,你必須知道的4件事情。
使用者屬性可在此新增使用者屬性。
進階設定和通用版GA的設定一樣,可以參考GTM入門介紹–使用GTM埋設GA追蹤碼。
注意:要設定的欄位與使用者屬性這兩個欄位建議使用非動態參數(下面會說明)。
Step2:建立GA4事件代碼
將上一步驟建立的設定代碼填入設定代碼欄位,按照需求填入所需事件名稱,最後再新增需要的事件參數或使用者屬性;注意這邊所有設定都必須符合GA4事件規範。
事件使用的設定代碼如果有帶參數(要設定的欄位或使用者屬性),參數會同步套用到事件代碼上(注意:設定代碼的參數不會即時更新),參數值只會抓取設定代碼被觸發當下(所有網頁瀏覽)的參數值;所以設定代碼建議使用非動態的參數(參數值在同一頁都是固定的,例如userid、語言、登入狀態等等)。
舉例來說,如果設定代碼使用了點擊文字(ClickText)這個參數,因為在觸發網頁瀏覽時,點擊文字這個變數會是空值,所以後續觸發的點擊事件即便ClickText這個變數有值,還是會因為設定代碼不會即時更新,點擊文字這個參數最終會回傳空值。
Step3:檢查代碼是否正常觸發
選項1:使用TagAssistantGTM預覽模式檢查代碼是否觸發
直接從GTM點擊預覽模式就會自動跳轉。
選項2:使用TagAssistantGA4檢查代碼是否觸發
前往TagAssistant新增要檢查的網址(Adddomain)開始檢查,前提是新增的網址已安裝好代碼(測試網址)或是已開啟GTM預覽模式。
選項3:使用GA4資源內建DebugView檢查代碼是否觸發
使用GTM預覽,系統會自動開啟DebugView模式,或是透過手動添加代碼開啟debug模式,詳細說明可以參考官方文件。
Step4:發布GTM容器
發布容器後,可以前往GoogleAnalytics4查看即時報表,數據應該馬上就會出現。
Postsnavigation
←GTM安裝GoogleAnalytics4網站資料串流教學GTM如何正確的送出GA4網頁瀏覽事件?→
數據顧問服務
數據酷顧問團隊提供企業專屬的數據解決方案
了解詳情
文章許願池
想看什麼文章主題?
我們會儘快為您安排
填表單許願
數據顧問服務
數據酷顧問團隊提供企業專屬的數據解決方案
了解詳情
文章許願池
想看什麼文章主題?我們會儘快為您安排
填表單許願
數據顧問服務
數據酷顧問團隊提供企業專屬的數據解決方案
了解詳情
文章許願池
想看什麼文章主題?我們會儘快為您安排
填表單許願
Step1:建立GA4設定代碼Step2:建立GA4事件代碼Step3:檢查代碼是否正常觸發選項1:使用TagAssistantGTM預覽模式檢查代碼是否觸發選項2:使用TagAssistantGA4檢查代碼是否觸發選項3:使用GA4資源內建DebugView檢查代碼是否觸發Step4:發布GTM容器
ScrollToTop
延伸文章資訊
- 1【GA4教學】GA4移轉:GA4的事件要怎麼設定 - 鍾肯尼的雜談
二、GA4事件的各項設定(一)代碼名稱跟通用版GA一樣,但因為GTM跟通用版GA可能是共用的,如果是的話建議加上前綴:GA4,這樣在管理GTM比較方便區隔。
- 2使用GTM 埋設GA4 事件代碼 - 數據酷
Google Tag Manager 提供了兩種埋設GA4 訊號的代碼: GA4 設定代碼與GA4 事件代碼。本篇文章將會帶你一步一步使用GTM 事件代碼設定完成GA4 事件代碼。
- 3不可不知的GA4事件!與通用版Analytics(GA3)有什麼不同呢?
GA4 事件收集及設定限制
- 4[GA4] 設定Google Analytics 4 的事件追蹤
大家好,我是Eric。 之前在討論通用GA 與GA4 的差異時,曾經提到,GA4 是以「事件」為主要的追.
- 5新版GA4 自訂事件轉換 - 圖靈數位
自訂事件可以讓你額外收集並分析預設GA 未主動追蹤的資料, ... 通用型GA 的事件設定跟新版GA4 的概念不同,因此層級與結構都需要重新設定。