在網站營運中，想追蹤按鈕點擊、分析轉換來源，或確認廣告追蹤是否正常，其實都需要仰賴各式追蹤碼（Tag）。
但每次都需要工程師協助插碼，不但流程冗長，也增加溝通成本。
因此越來越多企業開始使用 Google Tag Manager（GTM）——
讓行銷與營運人員也能自行管理追蹤碼的工具。
本文會帶你完成三件事：
- 如何建立 GTM 帳戶（Account）
- 如何確認 GTM 代碼已崁入成功
- 如何開始設定 GTM（新增 GA4 追蹤碼）
只要網站已由工程師安裝好 GTM 程式碼，接下來你就能自己操作設定了。
1.什麼是 GTM 帳戶與容器？
在開始教學前，可先了解兩者差異：
GTM 帳戶（Account）= 公司層級管理
- 一間公司通常只需要一個帳戶
- 用來管理旗下所有網站或應用
GTM 容器（Container）= 特定網站的追蹤設定
- 每個網站應該建立一個容器
- 所有 Tag／Trigger／Variable 都會放在這裡
- 建立容器之後請工程師安裝「容器代碼」在網站上
2.如何建立 GTM 帳戶（Account）— Step by Step
步驟 1：前往 Google Tag Manager 網站
網址：https://tagmanager.google.com/
使用你的 Google 帳號登入後會看到這個畫面。
步驟 2：建立新帳戶（Create Account）
登入後：
- 點擊右上角 「建立帳戶（Create Account）」
- 填寫欄位：
- Account Name（帳戶名稱） → 建議填公司名稱
- Country（國家） → Taiwan
- Share data（是否分享匿名資料） → 可勾選或略過
步驟 3：輸入容器名稱
容器名稱建議填網站名稱，例如：
- micon-design.com
- 公司中文名稱
- 品牌名稱
步驟 4：選擇容器類型（重點）
GTM 提供多種容器類型，常見選項：
- Web（網站） ← 企業最常用
- iOS
- Android
- AMP
步驟 5：建立（Create）
按下 Create 後，GTM 會要求同意使用條款 → Accept。
記得左下角打勾後再點選右上角"是"喔！
接下來將跳出視窗的兩個程式碼提供給工程師請他崁入就可以囉！
3.如何確認GTM代碼已崁入成功？
步驟1：加入Tag Assistant擴充功能
當工程師告知已崁入完成GTM代碼後可以做檢查是否有崁入完成
首先打開chrome瀏覽器，進入線上應用程式商店
https://chromewebstore.google.com/category/extensions?utm_source=ext_sidebar&hl=zh-TW
在搜尋欄輸入Tag Assistant，點選紅框中的版本並加到chrome
步驟2：利用Tag Assistant進行檢查
加入這個擴充功能後就可以點開您的網頁，並在網頁右上角找到一個拼圖的圖示，點下去並使用Tag Assistant
點下去後網頁右側會出現這樣的視窗
如果有看到紅框內的GTM代碼的話就代表有成功崁入了！
如果 Tag Assistant 有偵測到 GTM-XXXXXXX，即代表容器已成功安裝在網站中，之後設定的所有 Tag 才能正常啟動。
4.如何開始設定GTM
步驟 1：找到目標網站的"評估ID"
GA4 是目前網站最基礎的資料來源，因此建議先完成 GA4 追蹤碼的設定，之後再新增事件或廣告代碼會更順利。
GA4 的評估 ID 就像是 Google Analytics 與你的網站之間的「連線識別碼」，只有正確填入，網站資料才能傳送到 GA4。
這邊會教您如何找到GA4的評估ID！
首先打開GA4的帳戶，選定目標網站資源後選取左下角的"管理"並在旁邊眾多選項中找到"資料串流"
如還沒開始建立GA4資源，請參考:
GA4（Google Analytics 4）設定教學：從建立帳戶到確認追蹤，一篇就懂 GA4
點選資料串流並選擇紅圈處的" 〉"就能看到評估ID囉！
步驟 2：開始新增代碼與調整觸發條件
回到GTM容器畫面，點選左側有個"代碼"選項，點進去後可選擇右側"新增"按鈕開始新增代碼
點選新增後要點選代碼設定並增加google代碼
備註：在新版 GTM 中，GA4 代碼已經整合進「Google 代碼（Google Tag）」底層，因此新增 GA4 時請選 Google 代碼，而不是舊的 GA4 標籤！
接著填入自己的評估ID，試需求可在左上角變更代碼名稱
填入代碼ID後先別急著儲存~
下方會看到觸發條件使用預設的「初始化」，這可能會導致 GA4 事件重複觸發，因此建議改為「All Pages – 網頁瀏覽」。
先點選觸發條件框框內的任一位置就會跳出 +、- 符號，先將原本的初始化條件刪除(-)，再點選新增(+)
新增選擇"ALL Pages 網頁瀏覽"
選好後就可以按右上角儲存囉！
步驟 3：代碼測試及正式發布
儲存後我們先測試是否有正確安裝代碼到網站上，在右上角會看到一個"預覽"，點下去~
跳出一格視窗後在空格內輸入目標網站的網址後按連結
接下來會跳出目標網站，右下角會先跳出小視窗顯示已連線，接者就可以再用擴充功能Tag Assistant進行確認是否有GA4代碼
看到代碼以正常被偵測到，代表已經接近尾聲了~
還可以再回到預覽所開啟的Tag Assistant頁面檢查代碼是否有正常觸發(如果有多個代碼且不同觸發條件的話這點很重要！)
兩者的差異：
- GTM 的預覽模式檢查的是「是否觸發」。
- Tag Assistant 檢查的是「是否正確被偵測」。
兩者搭配使用更完整！
接下來只要點選在預覽旁邊的"提交"並填寫版本名稱，按下"發布"就完成囉！
常見問答（FAQ）
Q1：為什麼我安裝了 GTM 代碼，但在預覽模式仍看不到標籤被觸發？
A1： 有幾個可能原因：
-
尚未「提交（Submit）→發佈（Publish）」最新版本，導致變更不對所有訪客生效。
-
觸發條件（Trigger）設定不正確，例如設定為「初始化（Initialization）」但實際應為「All Pages」。
-
有瀏覽器擴充功能（如 ad-blocker）或瀏覽器隱私設定阻擋追蹤碼載入。
建議先確認版本已發佈、觸發條件正確，並在無痕／乾淨瀏覽器測試。
Q2：GTM 和 Google Analytics 4（GA4）有什麼不同？我兩個都需要嗎？
A2： 是的，兩者用途不同但可協作：
-
GTM 是「標籤管理工具（Tag Manager）」，負責安裝與管理各式追蹤碼／標籤。
-
GA4 是「網站分析工具（Analytics）」，負責蒐集使用者資料並提供報表。
換句話說：你透過 GTM 安裝 GA4 追蹤碼後，資料才會傳入 GA4。兩者一起使用，才能完整建立追蹤與分析的流程。
Q3：一旦安裝好 GTM，是不是就不用再找工程師了？
A3： 大部分情況你可以自行管理，但仍有一些情境需要工程師協助：
-
容器代碼（Container Snippet）第一次安裝需要放入網站程式碼。
-
若要追蹤非常複雜的事件（如自訂交易、跨網域、App＋Web）或有網站架構特殊需求，可能仍需技術協助。
但一般常見的按鈕點擊、表單送出、GA4 事件等追蹤用例，安裝好 GTM 後，行銷與營運人員可大幅自行操作。
Q4：使用 GTM 會影響網站載入速度嗎？
A4： 正確使用 GTM 通常不會對網站載入速度造成負面影響，反而能幫助提升效率：
-
因為所有追蹤碼集中在容器內管理，不需網站每次新增程式碼。
-
GTM 提供版本管理與預覽功能，能避免錯誤代碼影響頁面。
但若在 GTM 名稱混亂、大量不必要的追蹤碼、或錯誤設定觸發條件，確實可能導致頁面加載較慢。建議：定期清理不用的標籤、維持命名規範、檢查觸發條件並監控網站速度。
正確的數據，是所有行銷決策的起點。
透過 Google Tag Manager（GTM），你可以在不依賴工程師修改程式碼的情況下，輕鬆管理 GA4、廣告追蹤碼與各類事件追蹤設定。
只要完成帳戶與容器的建立、確認 GTM 已成功嵌入網站，再依照步驟新增 Google 代碼並使用預覽模式測試，就能打造更準確、可控、有效率的網站追蹤環境。
當你熟悉 GTM 的使用後，你會發現它不只是管理追蹤碼的工具，更是協助企業強化行銷投放、理解使用者行為、並做出更精準決策的核心基礎。
