返回文章

Google Tag Manager(GTM)入門完整教學

作者:Frankie Chan(Kick Ads 聯合創辦人) · 更新於 2026年7月14日 · 閱讀時間 9 分鐘

Google Tag Manager(GTM)入門完整教學
本文目錄
  1. Google Tag Manager 是甚麼
  2. 你為甚麼需要 Google Tag Manager
  3. Google Tag Manager 的主要優點
  4. Google Tag Manager Container ID 是甚麼
  5. 在 GTM 中設定標籤
  6. Google Analytics 和 Google Tag Manager
  7. Google Tag Manager 的 Trigger 是甚麼
  8. 在 Google Tag Manager 中建立 Variable
  9. Data Layer Variables
  10. 常見問題

以前網站每加一段追蹤像素、分析代碼或轉換代碼,都要找開發人員改一次程式碼。Google Tag Manager(GTM)就是用來省掉這一步,網站只嵌入一次 container 代碼,之後所有代碼都在網頁介面上管理。你如果對這些追蹤像素和代碼實際在做甚麼還不太清楚,可以先看我們的 廣告追蹤是甚麼 一文打好基礎。這篇文章會講解 GTM 的基本概念,包括 GTM 是甚麼、怎樣開設帳戶、怎樣建立第一個 tag、trigger 和 variable。想深入研究,可以參考外國專家 Simo Ahava 的 Blog,他把 GTM 玩得出神入化。

一個 GTM 容器管理所有追蹤 tag:GA4、Google Ads 轉換、Meta Pixel 等都放進同一個 GTM,網站只需安裝一次程式碼

Google Tag Manager 是甚麼

Google Tag Manager 是 Google 提供的工具,讓你直接在介面上建立和管理標籤(tag),不用每次都寫一段複雜的 code。GTM 代碼嵌入網站每一頁之後,手動建立標籤的工夫就省回來,市場推廣和追蹤都做得快一點。

GTM 主要用來管理和追蹤訪客行為,由 Google 免費提供。

你為甚麼需要 Google Tag Manager

Google Tag Manager 能做的事很多,最實際的一項,是你不用再為了加程式碼去找開發人員。GTM 出現之前,網站管理員要為每個追蹤和廣告服務在頁面上插入程式碼,連結、按鈕這些元素也要逐一加程式碼才追蹤得到用戶行為,每次多追蹤一樣東西就要再麻煩他們一次。用了 GTM,頁面上要加的就只有 GTM 代碼,編碼的煩惱省掉,開發人員也可以專注做其他工作。

GTM 以異步方式載入標籤,各種追蹤代碼又集中在同一處,頁面載入速度不容易被拖慢。

GTM 由 Google 免費提供,你現時就算已經有一套加代碼的做法,也值得開個帳戶親手裝一次,看看合不合用。

下文會逐步示範怎樣開設帳戶、建立第一個標籤,以及配合 Google Analytics 使用 GTM。

Google Tag Manager 的主要優點

GTM 協助提升效率

GTM 最大的好處,是把加代碼、改追蹤這些工作從開發人員手上釋放出來。市場推廣同事在介面上自己就能部署和調整標籤,不用每次都排隊等 IT,推廣有需要時追蹤設定可以即時更新,用戶行為的數據看得清楚,策略也調整得快。

Google Tag Manager 可提高網站速度

GTM 的標籤是異步載入的,就算某個標籤載入緩慢,其他標籤照樣觸發。

集中式標籤管理

網站上所有市場推廣和分析標籤都在同一個地方管理,標籤管理的效率提高了,新增、刪除或編輯標籤的流程也簡單得多。

Google Tag Manager 簡化 Event Tracking/Advanced Tracking

事件追蹤是 Google Tag Manager 最見功用的地方,GTM 推出之前,你要追蹤事件(例如點擊各種按鈕或播放影片),每個事件都要開發人員加一段追蹤程式碼,GTM 正好解決了這個痛點。你亦可以參考我們的 GA4 Event Tracking 教學,以及將事件匯入 Google Ads 的 Conversion Tracking 完整教學

如何設定 Google Tag Manager 帳戶

開一個免費帳戶很簡單,兩個步驟就完成,不過流程和 Google Analytics 或 Gmail 帳戶不一樣,我們把整個過程記錄了下來,方便你順利設定。

  • 點擊 tagmanager.google.com,然後點擊「Create Account」。輸入你的帳戶名、國家/地區和網站 URL,以及你要使用 Google Tag 的位置,完成後點擊「Create」按鈕。
  • 下一步你會拿到兩段代碼及安裝指示,一段放在頁面的 <head> 內,另一段放在 <body> 開頭之後,代碼加到網站後按「OK」。

Google Tag Manager Container ID 是甚麼

在 GTM 裡,你會見到類似「GTM-TXAAA」的代碼,那就是「Container ID」。

這個 ID 用來分辨每個 GTM container 代碼,而代碼的另一部分(例如「gtm.js」)是 container 代碼所用的 JavaScript 庫。

把 container 代碼加入你的網站之後,GTM 就當作已經安裝在網站上。

在 GTM 中設定標籤

有了 Google Tag Manager 帳戶,接下來要學的就是怎樣在 GTM 裡設定標籤,標籤配置想開多少組都可以。

標籤一多,名稱就要有規律,否則過幾個月回來看,你未必認得出哪個標籤在追蹤甚麼。

所以 Google 建議這樣命名:標籤類型-應用程式名稱-詳細資訊。

例如其中一組標籤配置命名為「Google Ads conversions - iOS - 2026-02 campaign」,另一組命名為「Google Analytics - CTA - About Us page」。

這樣數據就能按特定活動或網頁正確分類、累積起來。

以第二個標籤「Google Analytics - Call To Action - About Us page」為例,你一看就知道這是「關於我們」頁面上號召性用語按鈕的運行情況,拿到的資料很有用,但標籤名改得太籠統(例如「CTA 按鈕」),這些重要資訊就會消失。

現在開始設定標籤。

在 Google Tag Manager 中建立標籤

標籤(tag)是一段 JavaScript 程式碼,用來從你的網站或手機 App 取得市場推廣數據,再把數據傳送到第三方服務,例如 Google Analytics、Google Ads、Meta、X(Twitter)、Comscore 等。

建立第一個 tag 之前,先確定你已經建立好 GTM container 並安裝到網站:

建立 container:到 tagmanager.google.com 建立帳戶,為 container 改個名(一般用網站名),Target platform 選 Web

在 Google Tag Manager 建立 container:輸入名稱並選擇 Web 平台

安裝到網站:GTM 會給你兩段代碼,第一段放進每頁的 <head>,位置盡量靠前,第二段放在 <body> 開始之後。裝好這一次,日後所有標籤都在 GTM 介面管理,網站程式碼不用再改。

Google Tag Manager 安裝說明:把 head 與 body 兩段代碼貼到網站每一頁

如何在 GTM 中建立標籤?

第 1 步:到 GTM Workspace,點擊「Add New Tag」。

GTM Workspace 概覽:左側可進入 Tags、Triggers、Variables,右上角有 Preview 與 Submit

第 2 步:為標籤改個清晰的名稱,然後點擊「Tag Configuration」選擇標籤類型。

新標籤畫面:上方 Tag Configuration 選標籤類型,下方 Triggering 選觸發條件

第 3 步:標籤類型選「Google Tag」,填入你的 Tag IDG-XXXXXXXXXX,在 GA4 的「管理 → 資料串流」找得到)。現代 GTM 只需 Google Tag 設定好 Tag ID,就是 GA4 的基礎追蹤,不用再像舊版那樣分別建立 GA4 Configuration 與 GA4 Event 兩個標籤。

設定 Google Tag:Tag Type 選 Google Tag,填入 Tag ID G-XXXXXXXXXX

第 4 步:在下方 Triggering 選「All Pages」,這個標籤就會在每一頁載入時運作。

選擇 trigger:在觸發條件清單中選「All Pages」(Page View),讓標籤在所有頁面運作

第 5 步:標籤配置與 trigger 都完成之後,點擊右上角「Save」(上圖右上角可見)。

第 6 步:回到 Workspace,點擊右上角「Submit」,讓標籤正式運作。

點擊 Submit 送出變更

第 7 步:選擇「Publish and Create Version」,然後點擊「Publish」,把標籤推送到網站所有頁面。

選擇 Publish and Create Version 並發佈

第 8 步:為這個版本加上名稱與說明,日後管理方便得多。

為 container 版本加上名稱與說明

第 9 步:確認標籤出現在「Version Summary」報告裡,代表已經成功發佈。

在 Version Summary 報告確認代碼已發佈

到這裡,我們的第一個標籤就建立好了。

Google Analytics 和 Google Tag Manager

想把 GTM 和 Google Analytics 一起用,還有幾步要做。(未設定好 Google Analytics 的話,可以先看我們的 GA4 教學。)值得花這點功夫,GTM 連接 GA4 之後追蹤管理集中在一處,事件追蹤也容易得多。

第一步,先把網站頁面上任何寫死的 Google Analytics 程式碼移除,裝了 GTM 之後仍然保留頁面上的舊 snippet,GA4 會把每次瀏覽重複計算兩次。

然後用現代做法連接 GA4,建立 Google Tag(做法與上文第 3 步完全相同),填入你的 G- Tag ID,設定為 All Pages trigger 觸發。這個標籤就是你的 GA4 基礎追蹤,不用另外建立甚麼 Measurement ID variable。

Google Tag Manager 的 Trigger 是甚麼

Trigger 是一組規則,用來告訴標籤甚麼時候開始觸發,Google Tag Manager 中最主要的觸發條件是「All Pages」,標籤在每一頁載入時都會觸發,Google Analytics 標籤通常就配這個 trigger。

內建觸發條件

Google Tag Manager 內建了很多 triggers 可以用來觸發標籤,YouTube 影片、自訂事件、捲動深度、按鈕點擊都有。

choose-trigger-type

每個 trigger 在 GTM 裡都有自己一組規則去觸發標籤。

例如 YouTube trigger,可以按用戶對影片的各種互動去觸發,開始、拖曳(seek)、暫停、緩衝或結束播放都可以,也可以按觀看進度,例如用戶看了 50% 或 3 分鐘。

更貼近實戰的例子是 表單提交(Form Submission)觸發條件。下圖這個 trigger 只在「聯絡我們」頁(Page Path 包含 /en/contact-us/)而且 Form ID 為 gform_11 的表單提交時才觸發,這樣你追蹤到的就是真正的聯絡查詢,網站上其他表單不會混進來。

Form Submission trigger 設定:只在 /en/contact-us/ 頁面且 Form ID 為 gform_11 的表單提交時觸發

在 Google Tag Manager 中建立 Variable

Variable(變數)用來存放一個會變動的數值,標籤、觸發條件或其他變數都可以引用它,GTM 的變數分兩類,內建變數和自訂變數。

自訂變數怎樣建立?以 Constant(常數) 為例,幾個標籤要共用同一個數值(例如你的 GA4 Tracking ID),把數值存成 Constant,日後只需在一處更新。

步驟 1:在左側選單點擊 Variables,內建變數(例如 Page Path、Referrer)已經可以用,捲到下方的 User-Defined Variables,點擊 New

在 GTM 的 Variables 頁面,捲到 User-Defined Variables 並點擊 New 建立自訂變數

步驟 2:為變數改個名(例如「GA4 Tracking ID」),點擊 Variable Configuration,在類型清單中選擇 Constant

在「Choose variable type」清單中選擇 Constant(常數)

步驟 3:在 Value 欄填入該數值(例如你的 GA4 Tracking ID G-XXXXXXXXXX),點擊右上角 Save。之後任何標籤都可以引用 {{GA4 Tracking ID}},ID 不用寫死。(提示:只做基本 GA4 追蹤的話,ID 直接填進 Google Tag 就夠;幾個標籤共用同一數值,Constant 才真正派上用場。)

名為「GA4 Tracking ID」的 Constant 變數,Value 填入 G-XXXXXXXXXX

之後編輯你的標籤,就可以引用這個新建立的變數。

Data Layer Variables

想更深入了解用戶行為,就要用數據層(Data Layer),Google Tag Manager 可以建立自訂的 Data Layer Variables。

CMS、後端系統或電商平台的動態數值,會經這些 Data Layer Variable 送入 GTM,GTM 再把數值寫進你的標籤,並送到報告。同一個 variable 可以一次過把關鍵數值傳送到你所有的市場推廣系統。

data-variable

下一步是甚麼

Google Tag Manager 確實令你的工作輕鬆不少,不過設定好的數據要記得善用。

裝好 GTM 之後,把事件傳送到 GA4,把重要的事件匯入 Google Ads 作為轉換,數據量夠大的時候亦可以考慮 server-side tagging。

常見問題

Google Tag Manager 是甚麼? Google Tag Manager 是 Google 免費提供的工具,讓你在用戶介面上建立和管理各種追蹤標籤,不用每次都編寫複雜的程式碼,網站每頁嵌入一次 GTM container 代碼,其他標籤全部在 GTM 內管理。

Google Tag Manager 是免費的嗎? 是,GTM 由 Google 免費提供,可以先開個帳戶試用,再決定合不合你的業務。

GTM Container ID 是甚麼? 就是類似 GTM-TXAAA 的代碼,用來識別每個 GTM container,把 container 代碼加到網站之後,GTM 就當作已經安裝在你的網站上。

Google Tag Manager 的 Trigger 是甚麼? Trigger 是一組規則,告訴標籤甚麼時候觸發,最常用的是 All Pages trigger,每次頁面載入時觸發;GTM 亦內建了 YouTube 影片、自訂事件、捲動深度、按鈕點擊等 triggers。

Google Tag Manager 會拖慢網站嗎? 不會。GTM 的標籤是異步觸發的,某個標籤載入緩慢,其他標籤照樣運作,而且所有追蹤標籤集中在同一個 container 內,頁面載入反而會快一點。

想讓追蹤數據真正為廣告服務?Kick Ads 是香港 Google Partner 廣告代理,自 2017 年起為香港及馬來西亞企業管理 paid media。

Google Ads 管理服務 → · 預約免費策略諮詢 →

Frankie Chan

關於作者

Frankie Chan · Kick Ads 聯合創辦人

Frankie 是 ex-Googler 及廣告策略師,自 2017 年起為香港及馬來西亞的電商及 Lead Generation 企業管理 Google Ads 及 Meta Ads,專注策略、報告及增長規劃。

想由專家檢視你的帳戶?

做一次 Kick Ads 的 Paid Media Health Check:沒有 sales pitch,只有實話。

免費廣告 Health Check