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 容器

  1. 到 tagmanager.google.com 建立帳戶與容器,目標平台選網站。
  2. 建好後會得到一組容器 ID(格式像 GTM-XXXXXXX)與兩段程式碼。

裝到網站上

兩段程式碼分別要放在 <head> 與 <body> 開頭。在 WordPress 上有三種做法,擇一即可:

  • Pixel Cat——如果它的類型清單裡有 GTM,直接填容器 ID 最簡單。
  • 佈景主題的自訂程式碼欄位——Blocksy 在「外觀 → 自訂」底下有可以插入 header / footer 程式碼的地方。
  • 專門的外掛(例如 WPCode / Insert Headers and Footers)。

在 GTM 裡設定代碼

  1. 代碼(Tag)——要送出什麼。例如「GA4 設定」代碼,填入評估 ID。
  2. 觸發條件(Trigger)——什麼時候送。基本的 GA4 用「所有網頁」。
  3. 按預覽,GTM 會開一個除錯視窗,確認代碼有被觸發。
  4. 確認無誤後按提交 → 發布。沒有發布的話設定不會生效,這是最常見的卡點。

用 Google Tag Assistant 驗證。它會列出這個頁面上實際載入了哪些代碼,可以一眼看出有沒有重複安裝。