有問題可以在文章底部留言

Google Tag Manager 代碼(Tags)完整解析

Google Tag Manager Haran 2年前 (2024-12-05) 1625次瀏覽 0條留言

在GTM中,「代碼」是整個追蹤系統的核心元件,用來將第三方追蹤工具部署到網站上。

常見用途包含:

  • GA4事件追蹤
  • Meta Pixel
  • 轉換追蹤
  • 自訂JavaScript行為監測

什麼是GTM代碼?

GTM 的代碼(Tags)其實就是:

一段可被管理與觸發的追蹤程式碼模組

它的作用是:把「追蹤工具」與「網站行為」連結起來

簡單理解

  • Tag = 要做什麼(例如GA4發送事件)
  • Trigger = 什麼時候做(例如點擊按鈕)

代碼管理介面

在GTM左側選單點擊「代碼」即可進入管理頁面:

Google Tag Manager 代碼(Tags)完整解析

管理頁面會顯示:代碼名稱、類型、觸發條件、資料夾、最後修改時間

勾選任一代碼後,右上方會出現幾個選項:

Google Tag Manager 代碼(Tags)完整解析

  • 1:編輯觸發條件
  • 2:暫停
  • 3:移動到資料夾
  • 4:刪除代碼

 

代碼設定中的「進階設定」

每個代碼雖然類型不同,但通常都會包含進階設定,用來控制執行行為:Google Tag Manager 代碼(Tags)完整解析

  • 代碼啟動優先順序:用於控制代碼的執行順序,數值越大,越優先執行。如果沒有指定任何值,則優先順序預設為 0。
    • 啟用自訂代碼啟動時段:限制代碼執行時間。
    • 只在已發佈的容器中啟動此代碼:在預覽調試時候將其排除,一般不勾選。
  • 代碼觸發選項:來制代碼的觸發次數,選項有:
    • 無限制:每次條件符合都觸發
    • 每個事件一次:指定事件發生時觸發一次。
    • 每個網頁一次:每次頁載入時觸發一次。
  • 代碼觸發順序:控制代碼的先後執行順序,如在代碼A執行之前先執行B就可以在這裡設定。
  • 其他代碼中繼資料:指定代碼啟動時要加到事件資料中的額外代碼中繼資料。
  • 同意聲明設定:設定Cookie Consent相關

 

代碼的分類

代碼可以分為兩大類:

項目 原生支援代碼 社群範本庫
定義 由Google官方提供並審核。 允許第三方開發者提供代碼模板。
特點 穩定性高安全性高整合度完整 不需Google審核由社群維護可快速擴充功能
常見類型 / 使用方式 GA4 Configuration
GA4 Event
Google Ads Conversion
Floodlight
開發者上傳至GitHub
提交至GTM Template Gallery
使用者可直接安裝
目前已超過 1000+ 模板

 

代碼 + 觸發條件的核心邏輯

在GTM中,代碼永遠不會單獨運作,必須搭配觸發條件才會生效

Google Tag Manager 代碼(Tags)完整解析

在GTM裡點擊「代碼」——「新增」,就可以看到:

Google Tag Manager 代碼(Tags)完整解析

代碼的設定包含兩部分:

  • 代碼設定(做什麼):具體設定代碼
  • 觸發條件(什麼時候做):可以控制什麼情況下才觸發,或什麼情況下不觸發

 

添加一個觸發條件:

Google Tag Manager 代碼(Tags)完整解析

 

添加多個觸發條件:點擊+,可以添加多個觸發條件:

Google Tag Manager 代碼(Tags)完整解析

添加排除條件:點擊「新增例外項目」:

Google Tag Manager 代碼(Tags)完整解析

安裝代碼示例


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址