Google Analytics/Ads
如何串接Google Tag Manager (GTM)
Google Tag Manager(GTM)是「代碼的管理中心」:把 GA4、Google Ads、Meta 像素等各種追蹤碼統一放在 GTM 裡,之後要加減代碼都不用再動網站。
先想清楚:你需要 GTM 嗎
| 不需要 | 只要裝 GA4 與 Meta 像素,而且站上已經有 Pixel Cat 外掛。直接用外掛裝比較單純,少一層可能出錯的地方。 |
| 需要 | 要追蹤比較細的行為(點某顆按鈕、捲到某個位置、看了影片幾秒),或是要同時管理多組代碼、交給行銷人員自己調整。 |
同一個代碼只能裝一次。如果 GA4 已經用 Pixel Cat 裝過了,就不要再透過 GTM 裝一次,否則所有數據會變兩倍。決定走哪一條路,然後把另一條關掉。
建立 GTM 容器
- 到 tagmanager.google.com 建立帳戶與容器,目標平台選網站。
- 建好後會得到一組容器 ID(格式像
GTM-XXXXXXX)與兩段程式碼。
裝到網站上
兩段程式碼分別要放在 <head> 與 <body> 開頭。在 WordPress 上有三種做法,擇一即可:
- Pixel Cat——如果它的類型清單裡有 GTM,直接填容器 ID 最簡單。
- 佈景主題的自訂程式碼欄位——Blocksy 在「外觀 → 自訂」底下有可以插入 header / footer 程式碼的地方。
- 專門的外掛(例如 WPCode / Insert Headers and Footers)。
在 GTM 裡設定代碼
- 代碼(Tag)——要送出什麼。例如「GA4 設定」代碼,填入評估 ID。
- 觸發條件(Trigger)——什麼時候送。基本的 GA4 用「所有網頁」。
- 按預覽,GTM 會開一個除錯視窗,確認代碼有被觸發。
- 確認無誤後按提交 → 發布。沒有發布的話設定不會生效,這是最常見的卡點。
用 Google Tag Assistant 驗證。它會列出這個頁面上實際載入了哪些代碼,可以一眼看出有沒有重複安裝。