Google Tag Manager(GTM)入門完整教學
作者:Frankie Chan(Kick Ads 聯合創辦人) · 更新於 2026年7月14日 · 閱讀時間 9 分鐘
本文目錄
以前網站每加一段追蹤像素、分析代碼或轉換代碼,都要找開發人員改一次程式碼。Google Tag Manager(GTM)就是用來省掉這一步,網站只嵌入一次 container 代碼,之後所有代碼都在網頁介面上管理。你如果對這些追蹤像素和代碼實際在做甚麼還不太清楚,可以先看我們的 廣告追蹤是甚麼 一文打好基礎。這篇文章會講解 GTM 的基本概念,包括 GTM 是甚麼、怎樣開設帳戶、怎樣建立第一個 tag、trigger 和 variable。想深入研究,可以參考外國專家 Simo Ahava 的 Blog,他把 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。

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

如何在 GTM 中建立標籤?
第 1 步:到 GTM Workspace,點擊「Add New Tag」。

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

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

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

第 5 步:標籤配置與 trigger 都完成之後,點擊右上角「Save」(上圖右上角可見)。
第 6 步:回到 Workspace,點擊右上角「Submit」,讓標籤正式運作。

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

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

第 9 步:確認標籤出現在「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 影片、自訂事件、捲動深度、按鈕點擊都有。

每個 trigger 在 GTM 裡都有自己一組規則去觸發標籤。
例如 YouTube trigger,可以按用戶對影片的各種互動去觸發,開始、拖曳(seek)、暫停、緩衝或結束播放都可以,也可以按觀看進度,例如用戶看了 50% 或 3 分鐘。
更貼近實戰的例子是 表單提交(Form Submission)觸發條件。下圖這個 trigger 只在「聯絡我們」頁(Page Path 包含 /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。

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

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

之後編輯你的標籤,就可以引用這個新建立的變數。
Data Layer Variables
想更深入了解用戶行為,就要用數據層(Data Layer),Google Tag Manager 可以建立自訂的 Data Layer Variables。
CMS、後端系統或電商平台的動態數值,會經這些 Data Layer Variable 送入 GTM,GTM 再把數值寫進你的標籤,並送到報告。同一個 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。
關於作者
Frankie Chan · Kick Ads 聯合創辦人
Frankie 是 ex-Googler 及廣告策略師,自 2017 年起為香港及馬來西亞的電商及 Lead Generation 企業管理 Google Ads 及 Meta Ads,專注策略、報告及增長規劃。