什麼問題讓你需要 GTM
傳統上，要在網站上追蹤某個用戶行為，需要工程師在對應的程式碼位置插入追蹤腳本。每次要追蹤新的事件，就需要請工程師修改程式碼、重新部署。
這個流程慢、依賴技術資源，且容易因為溝通不清楚而出錯。
Google Tag Manager（GTM）的概念是：把一段「容器代碼」放入你的網站（只需要工程師做一次），之後所有的追蹤代碼都透過 GTM 的介面管理——行銷人員或網站管理者自己就能新增和修改追蹤，不需要每次麻煩工程師。
GTM 的 3 個核心概念
理解 GTM 只需要掌握 3 個概念：代碼、觸發條件、變數。
代碼（Tag）
你要「放入」網站的追蹤腳本。
例如：
- Google Analytics 4 的追蹤代碼
- Facebook Pixel
- Google Ads 轉換追蹤
- Hotjar（熱點圖工具）的腳本
這些「代碼」不再直接寫在網頁的 HTML 中，而是透過 GTM 管理和發布。
觸發條件（Trigger）
告訴 GTM「在什麼情況下執行這個代碼」。
常見的觸發條件：
- 頁面瀏覽（每次有頁面被載入時）
- 點擊（當某個按鈕或連結被點擊時）
- 表單送出（當表單成功送出時）
- 捲動深度（當用戶捲動到頁面的 50% / 75% / 100%）
- 計時器（頁面停留超過 30 秒時）
變數（Variable）
動態的資料，讓你的代碼和觸發條件更靈活。
例如：「被點擊的元素的文字內容」「當前頁面的 URL」「表單送出的目標頁面」——這些都是變數，可以在代碼中引用。
GTM 快速設定流程
Step 1：建立 GTM 帳戶和容器
- 前往 tagmanager.google.com
- 建立帳戶（使用你的品牌名稱）
- 建立容器（選擇「網頁」類型）
- GTM 會給你兩段容器代碼，請工程師加入你的網站
Step 2：把 GA4 移入 GTM 管理
如果你的 GA4 追蹤代碼是直接嵌在網站中的，可以把它移入 GTM 管理（讓 GTM 作為唯一的代碼管理入口）。
在 GTM 中新增一個「Google Analytics: GA4 設定」代碼，輸入你的 GA4 評估 ID（G-XXXXXXXXXX），設定觸發條件為「所有頁面」。
Step 3：追蹤重要的點擊事件
例如：追蹤「預約諮詢」按鈕的點擊。
- 啟用 GTM 的「Click Element」和「Click Text」變數
- 使用 GTM 的「預覽」模式，在你的網站上點擊目標按鈕，找到按鈕的唯一識別（CSS 類別名稱或按鈕文字）
- 建立觸發條件：「點擊 — 所有元素」，條件為「Click Text 等於 預約諮詢」
- 建立代碼：「GA4 事件」，事件名稱為 button_click，加入包含按鈕文字的事件參數
- 發布
Step 4：追蹤聯絡表單送出
最重要的轉換事件。
在 GA4 設定中，把表單送出的 GA4 事件標記為「轉換」，這樣 GA4 的報告中就能看到轉換率。
GTM 的預覽和除錯
GTM 有一個非常好用的「預覽模式」（Preview Mode），讓你在正式發布之前，先在瀏覽器中測試你的代碼是否正確觸發。
進入預覽模式後，打開你的網站，GTM 會顯示一個 debug 面板，即時顯示每個觸發的代碼和對應的觸發條件。這讓你可以確認「點這個按鈕真的有觸發我設定的追蹤代碼」。
版本控制和安全性
GTM 的每次發布都會建立一個版本記錄，任何時候都可以回滾到舊版本。這是 GTM 的一個重要優點——實驗新的追蹤代碼不需要擔心搞亂生產環境。
安全注意事項： GTM 的帳戶要嚴格控制存取權限。舉凡可以發布到 GTM 的人，實際上可以在你的網站上放入任意的 JavaScript——確保只有可信任的人有「發布」權限。