文章目錄
Toggle一、GTM 是什麼?為什麼行銷人離不開它?
Google Tag Manager(GTM)是 Google 提供的免費標籤管理工具,讓行銷人員可以在不修改網站程式碼的情況下,自行安裝和管理各種追蹤代碼(Tag)。舉例來說,過去你要在網站上安裝 Meta Pixel、Google Analytics 追蹤碼、Google Ads 轉換追蹤碼,每一個都需要請工程師在網站原始碼中嵌入一段 JavaScript,來來回回溝通可能就要花上好幾天。
有了 GTM 之後,你只需要在網站上安裝一次 GTM 的容器代碼(Container Code),之後所有的追蹤代碼都可以透過 GTM 的視覺化介面來新增、修改和刪除,完全不需要再動到網站原始碼。這對行銷團隊來說是一個巨大的效率提升,也大幅降低了因為修改程式碼而導致網站出問題的風險。
二、GTM 的三大核心概念
要使用 GTM,必須先理解三個核心概念:代碼(Tag)、觸發條件(Trigger)和變數(Variable)。這三者的關係可以用一個簡單的比喻來理解:代碼是「要做什麼事」,觸發條件是「什麼時候做」,變數是「需要用到什麼資訊」。
| 概念 | 英文 | 功能說明 | 生活比喻 |
|---|---|---|---|
| 代碼 | Tag | 要執行的追蹤程式碼片段 | 快遞包裹(要送出去的東西) |
| 觸發條件 | Trigger | 決定代碼何時被觸發執行 | 門鈴響了(什麼時候送出去) |
| 變數 | Variable | 提供代碼和觸發條件所需的動態資訊 | 收件地址(送到哪裡、送什麼) |

三、GTM 帳號建立與容器安裝
步驟一:建立 GTM 帳號
前往 tagmanager.google.com,使用 Google 帳號登入後,點選「建立帳戶」。帳戶名稱通常填公司名稱,容器名稱填網站網址。目標平台選擇「網站」(如果是 APP 則選擇對應的平台)。
步驟二:安裝容器代碼
建立完成後,GTM 會提供兩段程式碼。第一段放在網站每個頁面的 <head> 標籤中,盡量靠近頂部;第二段放在 <body> 標籤開頭之後。如果你使用 WordPress,可以透過外掛(如 Insert Headers and Footers)來安裝,不需要直接編輯主題檔案。
步驟三:驗證安裝是否成功
安裝完成後,可以使用 GTM 內建的「預覽」功能來驗證。點選 GTM 介面右上角的「預覽」按鈕,輸入網站網址,系統會開啟一個除錯視窗,顯示哪些代碼被觸發、哪些沒有。也可以安裝 Chrome 擴充功能「Tag Assistant Legacy」來輔助檢查。
四、用 GTM 安裝 Google Analytics 4(GA4)
GA4 是目前 Google 的標準網站分析工具,透過 GTM 安裝 GA4 是最推薦的方式,因為後續要追蹤自訂事件時會方便很多。
步驟一:取得 GA4 評估 ID
登入 Google Analytics → 管理 → 資料串流 → 選擇你的網站串流 → 複製「評估 ID」(格式為 G-XXXXXXXXXX)。
步驟二:在 GTM 中建立 GA4 設定代碼
在 GTM 中點選「代碼」→「新增」→ 代碼類型選擇「Google Analytics:GA4 設定」→ 填入評估 ID → 觸發條件選擇「All Pages(所有頁面)」→ 儲存。
步驟三:發佈並驗證
點選 GTM 右上角的「提交」按鈕發佈變更。發佈後,回到 GA4 的即時報表,確認是否有數據開始進來。通常需要等待幾分鐘到幾小時,數據才會完整顯示。

五、用 GTM 安裝 Meta Pixel(Facebook 像素)
Meta Pixel 是 Facebook 廣告投放的核心追蹤工具。透過 GTM 安裝 Meta Pixel,比直接在網站原始碼中嵌入更容易管理和維護。
步驟一:取得 Pixel ID
登入 Meta Events Manager → 選擇你的 Pixel → 複製 Pixel ID(一串數字)。
步驟二:在 GTM 中建立自訂 HTML 代碼
在 GTM 中點選「代碼」→「新增」→ 代碼類型選擇「自訂 HTML」→ 貼入 Meta Pixel 的基礎代碼(Base Code)→ 觸發條件選擇「All Pages」→ 儲存。
步驟三:設定標準事件追蹤
除了基礎代碼,你還可以透過 GTM 設定 Meta Pixel 的標準事件,例如 ViewContent(瀏覽內容)、AddToCart(加入購物車)、Purchase(購買完成)等。每個事件需要建立獨立的代碼,並設定對應的觸發條件。
六、GTM 進階應用:事件追蹤與自訂觸發條件
1. 按鈕點擊追蹤
追蹤特定按鈕的點擊是 GTM 最常見的進階應用之一。操作步驟:啟用內建變數中的「Click」相關變數 → 建立觸發條件(類型選「點擊 – 所有元素」,條件設定為 Click ID 或 Click Classes 等於目標按鈕的屬性值)→ 建立 GA4 事件代碼,事件名稱自訂(如 cta_button_click)。
2. 捲動深度追蹤
了解使用者在頁面上捲動到多深的位置,可以幫助判斷內容的吸引力。GTM 內建捲動深度觸發條件,可以設定在使用者捲動到 25%、50%、75%、90% 時觸發事件。
3. 表單提交追蹤
追蹤表單提交(如聯絡表單、報名表單)是衡量潛在客戶轉換的重要指標。GTM 提供「表單提交」觸發條件類型,可以在使用者成功提交表單時觸發追蹤事件。
4. 外部連結點擊追蹤
追蹤使用者點擊了哪些外部連結,可以了解使用者的行為路徑。建立觸發條件時,設定 Click URL 不包含你自己的網域名稱,就能捕捉所有外部連結的點擊。
5. 電子商務追蹤
如果你經營電商網站,GTM 可以搭配 GA4 的電子商務追蹤功能,記錄商品瀏覽、加入購物車、結帳流程和購買完成等完整的購物行為數據。這需要網站的資料層(Data Layer)配合推送電子商務相關的數據。

七、GTM 的資料層(Data Layer)
資料層是 GTM 中一個非常重要但常被忽略的概念。資料層是一個 JavaScript 物件,用來在網站和 GTM 之間傳遞資訊。當網站上發生特定事件(如使用者完成購買),網站可以將訂單金額、商品名稱等資訊推送到資料層,GTM 再從資料層中讀取這些資訊,傳送給 GA4 或其他追蹤工具。
資料層的基本語法是 window.dataLayer.push(),例如:
window.dataLayer.push({
‘event’: ‘purchase’,
‘transaction_id’: ‘T12345’,
‘value’: 1500,
‘currency’: ‘TWD’
});
在 GTM 中,你可以建立「資料層變數」來讀取這些值,並在代碼中使用。資料層的設計需要前端工程師配合,但一旦建立好,行銷人員就能透過 GTM 自由運用這些數據。
八、GTM 除錯與常見問題排解
1. 預覽模式(Preview Mode)
GTM 的預覽模式是除錯的核心工具。啟動預覽模式後,會在瀏覽器底部顯示一個除錯面板,列出所有已觸發和未觸發的代碼、觸發條件的判斷結果、以及資料層中的數據。善用預覽模式可以在發佈前確認所有設定是否正確。
2. 常見問題:代碼沒有觸發
如果代碼沒有觸發,通常是觸發條件設定有誤。檢查觸發條件中的變數值是否正確(例如 Click ID 是否拼寫正確)、條件邏輯是否正確(「等於」vs「包含」)、以及是否有其他觸發條件衝突。
3. 常見問題:數據重複計算
如果發現 GA4 中的事件數據異常偏高,可能是同一個代碼被重複觸發。檢查是否有多個觸發條件同時指向同一個代碼,或者是否在 GTM 和網站原始碼中重複安裝了追蹤代碼。
4. 常見問題:跨網域追蹤
如果你的業務涉及多個網域(例如主網站和購物車在不同網域),需要在 GTM 中設定跨網域追蹤,確保使用者在不同網域間的行為能被正確串連。GA4 的跨網域追蹤設定在「管理 → 資料串流 → 設定代碼設定 → 設定網域」中。
九、常見問題 FAQ
Q1:GTM 是免費的嗎?
是的,Google Tag Manager 完全免費。Google 也提供付費的企業版(Tag Manager 360),但對大多數中小企業來說,免費版已經足夠使用。
Q2:安裝 GTM 會影響網站速度嗎?
GTM 本身的容器代碼非常輕量,對網站速度的影響微乎其微。但如果你在 GTM 中安裝了大量的追蹤代碼,這些代碼的總和可能會影響頁面載入速度。建議定期檢視並移除不再使用的代碼。
Q3:GTM 和直接在網站上安裝追蹤碼有什麼差別?
功能上沒有差別,追蹤效果是一樣的。差別在於管理效率:透過 GTM 管理,行銷人員可以自行操作,不需要每次都請工程師修改程式碼,也有版本控制和預覽除錯等功能。
Q4:不會寫程式也能用 GTM 嗎?
可以。GTM 的基礎功能(安裝 GA4、Meta Pixel、Google Ads 轉換追蹤等)完全可以透過視覺化介面完成,不需要寫任何程式碼。進階功能(如自訂 HTML 代碼、資料層操作)才需要基本的 JavaScript 知識。
Q5:GTM 可以用在 APP 上嗎?
可以。GTM 提供 iOS 和 Android 的 SDK,可以在行動應用程式中使用。不過 APP 版的 GTM 在功能和操作上與網頁版有些差異,建議參考 Google 官方文件。
十、讓 GTM 成為你的行銷數據基礎建設
GTM 是數位行銷的基礎建設,就像水電管線之於一棟建築。沒有 GTM,你的行銷數據就像散落各處的水管,難以統一管理和維護。有了 GTM,所有的追蹤代碼都在一個地方集中管理,新增、修改、刪除都變得簡單快速。
如果你的企業正在建置或優化數位行銷追蹤系統,戰國策集團提供從 GTM 建置、GA4 設定到完整的 SEO 優化一站式服務。我們協助超過三萬家企業客戶建立精準的數據追蹤體系,讓每一筆行銷預算都能被準確衡量。
選擇戰國策的五大優勢
- SEO關鍵字優化規劃 → 找出高潛力、高轉換率的詞庫,避免無效操作
- AI內容行銷優化 → 打造能被 Google 與 AI(ChatGPT、Perplexity)引用的結構化內容
- 技術 SEO → Schema、網站速度、行動體驗全面提升
- 外部連結建設 → 提升網站權重,建立長期穩定流量
- 跨國 SEO 佈局 → 不只台灣,包含美國SEO、馬來西亞SEO、新加坡SEO、印尼SEO,多語系全方位部署
