使用GTM 埋設GA4 事件代碼 - 數據酷

文章推薦指數: 80 %
投票人數:10人

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



請為這篇文章評分?