[GA4] [GTM] 新!Google 代碼 GA4 追蹤全攻略
自2023年9月起,Google Tag Manager (下稱 GTM) 將容器內的 GA4 設定代碼全面更新為 「Google 代碼 (Google Tag)」。過去在 GTM 中 GA4 代碼的背後為 analytics.js,現在則全面改為 gtag.js,實現單一代碼跨多個 Google 產品的目的。
「既有的GA4追蹤不會受影響」
這次更新發生時大家可能幾乎沒發現,因為 GA4 資料蒐集一切如常。GTM 將原本的 GA4 設定代碼自動更新為 Google 代碼,相關的配置、參數設定也一併更新。
較令人疑惑的是,新的 Google 代碼中多了【共用事件設定】的區塊,也找不到「使用者屬性」設定的位置。接下來就跟各位介紹 Google 代碼的介面以及它的設定方式。最後也會用一個簡單的網站的 GA4 追蹤示範,想要直接看GTM設定畫面可以直接調到最後的章節。
一、新介面與新功能
1. Google 代碼介紹
Google 代碼設定分為 4 個區塊:
- 代碼 ID
- 配置設定
- 共用事件設定
- 進階設定:與過去的功能相同,在此就不多做介紹。
- 代碼 ID
在此填入 GA4 網頁資料串流的「評估 ID (Measurement ID)」。
- 🔥 配置設定
GA4 的配置設定,配置設定為選填。常用的配置設定如 user_id、content_group、cookie_domain…等。預設會有「send_page_view = true」這個參數。
設定方式,可以在「配置參數」輸入,此方法與過去相同。本次新增的功能為「配置設定變數」,可以引用新的變數「 Google 代碼:配置設定 」。
- 🔥 共用事件設定
「共用事件設定」區塊就是用來設定所有事件都要採用通用事件參數。
有兩種設定的方式,一是將所有的通用參數設定在「Google代碼:事件設定」變數,在「事件設定變數」的欄位引用。二是將要設定的通用參數設定在下方「事件參數」,個別輸入事件參數的參數名稱與值。
2. 新增的 Google 代碼變數(重點)
在這一次的更新中,GTM 將「事件參數」與「配置參數」各自新增為變數。
(1) 🔥 Google代碼:事件設定
事件設定變數分為兩個區塊,「事件參數」區塊與「使用者屬性」區塊。
事件設定變數可以用在 「Google 代碼」或「GA4事件代碼」兩處。
採用變數設定通用事件參數的方便之處是,如果通用事件參數需要調整,就不用逐一到 Google 代碼或GA4事件代碼一一調整,只要修改事件設定變數即可。
(2) 🔥 Google代碼:配置設定
配置設定變數可被 Google 代碼的「配置設定」區塊引用,輸入要設定的配置參數與值即可。當 GTM 同時為多個網站服務,當每個網站都使用相同的配置設定,「 Google 代碼:配置設定 」變數可以有效節省設定與修改的工作。
(3) 🔥使用者屬性 User Properties 去哪了?
在 Google 代碼更新後,大家可能會突然找不到設定「使用者屬性的地方」。😂
情況一:過去在 GA4 設定已經加入「使用者屬性」
自動轉換為 Google 代碼後,原本的使用者屬性出現在「共用事件設定」區塊的下方
情況二:Google 代碼中找不到使用者屬性
這個情況要採用上面介紹的「Google 代碼:事件設定」變數來套用使用者屬性。
統整一下目前可以設定使用者屬性的位置做一個整理,共有三個位置:
- 變數「Google代碼:事件設定」的使用者屬性欄位
- 「GA4 事件代碼」的使用者屬性欄位
- (限定)Google 代碼「共用事件設定」下的使用者屬性 ( 僅限原GA4代碼已經採用使用者屬性 )
(4) 事件代碼設定注意事項
一般來說事件代碼會繼承來自 Google 代碼中設定的配置設定與通用參數設定。在設定「GA4 事件」代碼時,輸入評估 ID 後,右邊會出現綠色勾與提示文字「在這個容器中找到了 Google 代碼」代表事件會正常引用 Google 代碼的設定。
但如果出現「問號」與文字「無法偵測容器中是否有Google代碼,您可能使用了變數或輸入內容無效」,代表事件代碼可能不會繼承 Google 代碼的設定。此時要檢查輸入的「評估 ID」或者引用的「變數」中輸入的評估 ID 是否正確。
💡 特殊情況:採用「對照表」或「規則運算式表格」指定評估 ID ,現況"不會"繼承 Google 代碼的配置與通用事件參數設定。可以將這些設定放在「事件參數」或「Google代碼:事件設定」變數中。
二、如何設定新追蹤
1. 設定概念說明
在 GA4 追蹤與事件時要將事件參數分為【通用參數】與【特定事件參數】兩種。
- 【通用參數】每個事件都要採用的參數,在「Google 代碼」上的「配置設定」與「共用事件設定」兩個區塊設定。例如 user_id、content_group…等。
- 【特定事件參數】只有特定的事件發生時才要蒐集的參數,在「GA4 事件代碼」進行設定。例如影片播放的相關參數、下載檔案的檔案名稱等。
另外,如果GTM中包含多個網站的設定,也就是一個 GTM 裡面會有多個 Google 代碼,當每一個代碼都需要相同的「配置設定」與「事件變數設定」時,使用新的 Google 代碼設定變數將會大幅節省管理的時間。
- 每個 Google 代碼不用重複設定參數,只要引用相同的「配置設定」或「事件變數設定」即可。
- 當通用參數需要修改時,只要修改通用的「配置設定」與「事件參數設定」就可以同步修改到所有的GA4事件代碼。
- 特定的網站如果需要獨立的參數,也可以直接在「事件參數」新增獨立的參數參數名稱與值。
💡 【顯示繼承的參數】按鈕可以呈現「事件設定變數」中包含的事件參數
2. 一個網站的基礎設定示範
追蹤需求設定
- 一個網站的 GA4 追蹤
- 評估ID: G-48EH4VMFCQ
- 事件 / 參數:
步驟1:先設定變數
(1) 設定配置設定變數「Google代碼:配置設定」
(2) 設定事件設定變數「Google代碼:事件設定」
將「通用事件參數」在事件設定變數設定
步驟2:設定 Google 代碼
(1) 代碼ID:輸入評估ID
(2) 配置設定變數:引用剛才新增的配置設定變數
(3) 事件設定變數:引用剛才新增的事件設定變數
(4) 事件參數:填入網頁瀏覽事件參數 screen_width
(5) 設定觸發條件:所有網頁
步驟3:設定 GA4 事件代碼
(1) 輸入評估 ID
(2) 輸入事件名稱
(3) 引用「事件設定變數」或直接輸入「事件參數」
(4) 設定觸發條件:使窗已載入
完成!🥳
如果只看最後一個章節,新的 Google Tag 設定其實非常簡單 😄。因為新增的兩個變數「Google代碼:配置設定」與「Google代碼:事件設定」是全新的功能,並且有些設定觀念以及小撇步,因此花了一點篇幅說明。
因為是新的功能,介面會發生突然出現某功能跟突然不見的情況,之後盡量更新最新的截圖上來。😄