Skip to content
使用 GTM 埋設 GA4 事件代碼

使用 GTM 埋設 GA4 事件代碼

開始以前,建議先了解 Google Analytics 4 事件,你必須知道的4件事情

GTM 埋設 GA4 代碼

Google Tag Manager 提供了兩種埋設 GA4 訊號的代碼:

  1. Google Analytics(分析): GA4 設定代碼
    • GA4 基礎部屬代碼,可處理的行為包括設定 Google Analytics (分析) Cookie、傳送自動收集加強型評估的事件,以及宣告的常用設定(提供事件代碼使用)。
  2. Google Analytics(分析): GA4 事件代碼
    • 傳送自動收集和加強型評估以外的自定義事件。

傳送事件代碼前,必須先發送設定代碼部屬基本的資訊,就和通用版 GA (Universal Analytics)一樣,必須先發送網頁瀏覽再發送事件,或是可以把它想像成 gtag 的 config 指令(功能也相同),如果看不懂的話也沒有關係,本篇文章將會帶你一步一步使用 GTM 設定完成 GA4 的追蹤代碼。

Step1: 建立 GA4 設定代碼

gtm ga4 設定 代碼

GA4 設定代碼其實就和通用版 GA 的 GA 設定變數一樣,最重要的部分就是填入評估ID,可以從 GA4 的網站資料串流取得,其餘的設定可以按照需求自由做變更,最後將觸發條件設定為所有網頁瀏覽

  • 載入這項設定時傳送一次網頁瀏覽事件
  • 要設定的欄位
    • 可以在此設定或修改預設參數或新增自訂參數,詳細說明可以參考這裡
  • 使用者屬性
  • 進階設定
    • 和通用版 GA 的設定一樣,可以參考這篇文章

注意:要設定的欄位使用者屬性這兩個欄位建議使用非動態參數(下面會說明)。

Step2: 建立 GA4 事件代碼

google tag manager 埋設 GA4 事件 代碼

將上一步驟建立的設定代碼填入設定代碼的欄位,按照需求填入所需的事件名稱,最後再新增需要的事件參數或使用者屬性,注意這邊所有的設定都必須符合 GA4 事件的規範

事件使用的設定代碼如果有帶參數(要設定的欄位使用者屬性),參數會同步套用到事件代碼上,要注意設定代碼的參數不會即時更新,參數值只會抓取設定代碼被觸發當下(所有網頁瀏覽)的參數值,所以設定代碼建議使用非動態的參數(參數值在同一頁都是固定的,例如user id、語言、登入狀態等等)。

舉例來說,如果設定代碼使用了點擊文字(Click Text)這個參數,因為在觸發網頁瀏覽時,點擊文字這個變數會是空值,所以後續觸發的點擊事件即便 Click Text 這個變數有值,還是會因為設定代碼不會即時更新,點擊文字這個參數還是會回傳空值。

Step3: 檢查代碼是否正常觸發

選項1: 使用 Tag Assistant GTM 預覽模式檢查代碼是否觸發

直接從 GTM 點擊預覽模式就會自動跳轉。

Tag Assistant 檢查 GTM 代碼

選項2: 使用 Tag Assistant GA4 檢查代碼是否觸發

前往 Tag Assistant 新增要檢查的網址(Add domain)開始檢查,前提是新增的網址已安裝好代碼(測試網址)或是已開啟 GTM 預覽模式。

Tag Assistant 檢查 GA 事件

選項3: 使用 GA4 資源內建 Debug View 檢查代碼是否觸發

使用 GTM 預覽,系統會自動開啟 Debug View 模式,或是你也可以透過手動添加代碼開啟 debug 模式,詳細說明可以參考官方文件

Google Analytics Debug View

Step4: 發布 GTM 容器

發布容器後,可以前往 Google Analytics 4 查看即時報表,數據應該馬上就會出現。

Google Analytics 4 即時報表
數據酷顧問服務

數據酷顧問團隊
提供企業專屬的數據解決方案

文章許願池

想看什麼文章主題?
我們會儘快為您安排

數據酷顧問服務

數據酷顧問團隊
提供企業專屬的數據解決方案

文章許願池

想看什麼文章主題?
我們會儘快為您安排

數據酷顧問服務

數據酷顧問團隊
提供企業專屬的數據解決方案

文章許願池

想看什麼文章主題?
我們會儘快為您安排

Scroll To Top