• Home
  • GTM
  • [GA4] [GTM] 新!Google 代碼 GA4 追蹤全攻略
[GA4] [GTM] 新!Google 代碼 GA4 追蹤全攻略
By 一吉 profile image 一吉
11 min read

[GA4] [GTM] 新!Google 代碼 GA4 追蹤全攻略

自2023年9月起,Google Tag Manager (下稱 GTM) 將容器內的 GA4 設定代碼全面更新為 「Google 代碼 (Google Tag)」。過去在 GTM 中 GA4 代碼的背後為 analytics.js,現在則全面改為 gtag.js,實現單一代碼跨多個 Google 產品的目的。

出現在GTM的橫幅,自2023年9月開始,GA4 的設定代碼現在已變成「Google 代碼 (Google Tag)」

「既有的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 代碼配置設定介面,有兩種設定方式,引用「配置設定變數」或直接輸入「配置參數」。
💡 補充:自動轉換的 Google 代碼,原「事件參數」會列在 "配置參數" 下,可知配置參數藍欄位也通用於事件參數。這次的更新等於是把「配置參數」與「事件參數」兩種參數分開,建議是把事件參數放在下方的「共用事件設定」。

- 🔥 共用事件設定

「共用事件設定」區塊就是用來設定所有事件都要採用通用事件參數。
有兩種設定的方式,一是將所有的通用參數設定在「Google代碼:事件設定」變數,在「事件設定變數」的欄位引用。二是將要設定的通用參數設定在下方「事件參數」,個別輸入事件參數的參數名稱與值。

Google 代碼共用事件設定介面,有兩種設定方式,引用「事件設定變數」或直接輸入「配置參數」。

2.  新增的 Google 代碼變數(重點)

在這一次的更新中,GTM 將「事件參數」與「配置參數」各自新增為變數。

新增變數類型中新的「事件設定」與「配置設定」變數

(1) 🔥 Google代碼:事件設定

事件設定變數分為兩個區塊,「事件參數」區塊與「使用者屬性」區塊。
事件設定變數可以用在 「Google 代碼」或「GA4事件代碼」兩處。
採用變數設定通用事件參數的方便之處是,如果通用事件參數需要調整,就不用逐一到 Google 代碼或GA4事件代碼一一調整,只要修改事件設定變數即可。

Google代碼:事件設定,事件參數與使用者屬性的設定欄位

(2) 🔥 Google代碼:配置設定

配置設定變數可被 Google 代碼的「配置設定」區塊引用,輸入要設定的配置參數與值即可。當 GTM 同時為多個網站服務,當每個網站都使用相同的配置設定,「 Google 代碼:配置設定 」變數可以有效節省設定與修改的工作。

Google代碼:配置設定,配置設定的欄位

(3) 🔥使用者屬性 User Properties 去哪了?

在 Google 代碼更新後,大家可能會突然找不到設定「使用者屬性的地方」。😂

情況一:過去在 GA4 設定已經加入「使用者屬性」
自動轉換為 Google 代碼後,原本的使用者屬性出現在「共用事件設定」區塊的下方

在Google代碼「共用事件設定」區塊的下方的「使用者屬性」設定欄位

情況二:Google 代碼中找不到使用者屬性
這個情況要採用上面介紹的「Google 代碼:事件設定」變數來套用使用者屬性。

在Google代碼「共用事件設定」區塊的下方 "沒有"「使用者屬性」設定欄位


統整一下目前可以設定使用者屬性的位置做一個整理,共有三個位置:

  • 變數「Google代碼:事件設定」的使用者屬性欄位
  • 「GA4 事件代碼」的使用者屬性欄位
  • (限定)Google 代碼「共用事件設定」下的使用者屬性 ( 僅限原GA4代碼已經採用使用者屬性 )

(4) 事件代碼設定注意事項

一般來說事件代碼會繼承來自 Google 代碼中設定的配置設定與通用參數設定。在設定「GA4 事件」代碼時,輸入評估 ID 後,右邊會出現綠色勾與提示文字「在這個容器中找到了 Google 代碼」代表事件會正常引用 Google 代碼的設定。

GA4 事件代碼「在這個容器中找到了 Google 代碼」。

但如果出現「問號」與文字「無法偵測容器中是否有Google代碼,您可能使用了變數或輸入內容無效」,代表事件代碼可能不會繼承 Google 代碼的設定。此時要檢查輸入的「評估 ID」或者引用的「變數」中輸入的評估 ID 是否正確。

GA4 事件代碼,無法偵測容器中是否有 Google 代碼

💡 特殊情況:採用「對照表」或「規則運算式表格」指定評估 ID ,現況"不會"繼承 Google 代碼的配置與通用事件參數設定。可以將這些設定放在「事件參數」或「Google代碼:事件設定」變數中。

在GA4事件代碼,使用事件參數欄位做配置設定

二、如何設定新追蹤

1. 設定概念說明

在 GA4 追蹤與事件時要將事件參數分為【通用參數】【特定事件參數】兩種。

  • 【通用參數】每個事件都要採用的參數,在「Google 代碼」上的「配置設定」與「共用事件設定」兩個區塊設定。例如 user_id、content_group…等。
  • 【特定事件參數】只有特定的事件發生時才要蒐集的參數,在「GA4 事件代碼」進行設定。例如影片播放的相關參數、下載檔案的檔案名稱等。
通用參數與特定事件參數

另外,如果GTM中包含多個網站的設定,也就是一個 GTM 裡面會有多個 Google 代碼,當每一個代碼都需要相同的「配置設定」與「事件變數設定」時,使用新的 Google 代碼設定變數將會大幅節省管理的時間。

  • 每個 Google 代碼不用重複設定參數,只要引用相同的「配置設定」或「事件變數設定」即可。
  • 當通用參數需要修改時,只要修改通用的「配置設定」與「事件參數設定」就可以同步修改到所有的GA4事件代碼。
  • 特定的網站如果需要獨立的參數,也可以直接在「事件參數」新增獨立的參數參數名稱與值。
如果GTM容器同時管理多個網站的GA4,可以再將參數分為所有網站參數與個別網站參數

💡 【顯示繼承的參數】按鈕可以呈現「事件設定變數」中包含的事件參數

「顯示繼承的參數」按鈕位置
點擊後顯示「事件設定變數」中內含的事件參數

2. 一個網站的基礎設定示範

追蹤需求設定

  • 一個網站的 GA4 追蹤
  • 評估ID: G-48EH4VMFCQ
  • 事件 / 參數:

事件

參數

參數名稱

設定位置

(配置設定)

會員ID

user_id

配置設定變數 > Google 代碼

(通用事件參數)

會員登入狀態

login_staus

事件設定變數 >
Google 代碼

自訂user_id

custom_user_id (使用者屬性)

網頁瀏覽 page_view

畫面寬度

screen_width

Google 代碼

網頁載入時間 page_load_time

網頁載入時間(毫秒)

loading_time_ms

GA4 事件代碼

步驟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代碼:事件設定」是全新的功能,並且有些設定觀念以及小撇步,因此花了一點篇幅說明。

因為是新的功能,介面會發生突然出現某功能跟突然不見的情況,之後盡量更新最新的截圖上來。😄

By 一吉 profile image 一吉
Updated on
GTM GA4 網站分析商務實戰