有問題可以在文章底部留言

WordPress中安裝Google Tag Manager追蹤碼

Google Tag Manager Haran 5年前 (2021-11-26) 6011次瀏覽 0條留言

更新時間:2026年6月4日

如果你準備在WordPress網站安裝:

  • Google Analytics 4(GA4)
  • Google Ads 轉換追蹤
  • Meta Pixel

那麼第一步通常不是安裝這些追蹤碼,而是先安裝Google Tag Manager(GTM)。

GTM可以視為網站的「標籤管理中心」,只要安裝一次GTM,未來新增或修改追蹤代碼,大多數情況都不需要再請工程師協助修改網站程式碼。

本篇將完整介紹如何在WordPress安裝GTM,並教你驗證是否安裝成功。

什麼是Google Tag Manager(GTM)?

Google Tag Manager(Google代碼管理工具)是Google提供的免費標籤管理系統。

安裝GTM後,你可以集中管理網站上的各種追蹤程式,例如:

  • GA4
  • Google Ads
  • Meta Pixel

最大的優勢是:

未來新增追蹤碼時,不需要每次都修改網站原始碼。

為什麼WordPress建議先安裝GTM?

許多WordPress新手會直接安裝 GA4。

雖然這樣也能收集流量資料,但當未來需要增加其他追蹤工具時,往往又得重新修改網站程式。

如果先安裝GTM:

  • 集中管理所有追蹤碼
  • 降低工程修改成本
  • 方便後續擴充
  • 支援事件追蹤
  • 支援Server-side Tracking

因此實務上,大多數數據分析師都會優先安裝GTM。

 

Step 1:建立GTM容器

首先登入GTM帳戶,點擊賬戶右側「⋮」——「建立容器」:

WordPress中安裝Google Tag Manager追蹤碼

然後會進入建立容器的界面,做如下設置:
WordPress中安裝Google Tag Manager追蹤碼

容器名稱:就是容器的名稱,為了便於區分,一般用網站的域名,我這裡是http://www.haranhuang.com

目標廣告平台:就是要安裝的目標廣告平台類型,一種有5種,根據實際情況去選擇,我這裡是網站,所以選擇“網路”

  • 網路:就是網站類型
  • iOS:就是iOS應用程式
  • Android:就是Android應用程式
  • AMP:谷歌的AMP
  • Server:伺服器標籤追蹤

完成後點擊「建立」。

Step 2:取得GTM安裝代碼

建立容器後,需要取得GTM追蹤碼。

打開容器,點擊「管理」——「安裝 Google 代碼管理工具」:

WordPress中安裝Google Tag Manager追蹤碼

這個就是GTM的追蹤碼,有兩段,一段要求安裝在head裡,一段要求安裝在body。

一般是按官方的要求安裝,當然,你可以將兩段追蹤碼都安裝到head裡也是可以的。

Step 3:將GTM安裝到WordPress

WordPress安裝GTM主要有兩種方式:

方法一:手動安裝(推薦)

通過佈景主題去安裝,在WordPress裡點擊「外觀」——「佈景主題」:

WordPress中安裝Google Tag Manager追蹤碼

然後在右側的佈景主題檔案找到佈景主題首頁(header.php)

WordPress中安裝Google Tag Manager追蹤碼

將GTM的兩段追蹤碼按要求安裝,一段到head裡,一段在body裡。

然後點擊底部的「更新檔案」就可以了。

  • 優點:效能最佳、無需額外外掛、維護成本低、網站速度較快
  • 適合:自架 WordPress、熟悉網站管理

 

方法二:外掛安裝

如果不熟悉程式碼,可以使用外掛安裝。

在WordPress裡點擊「外掛」——「安裝外掛」,然後搜尋“Google Tag Manager”,就可以看到:WordPress中安裝Google Tag Manager追蹤碼

點擊「立即安裝」後點擊「啟用」,將GTM的容器ID“GTM-TCH6XWZ”複製到如下位置:

WordPress中安裝Google Tag Manager追蹤碼

最後是點擊「存儲設定」就完成了。

注意:一般不推薦用外掛安裝,因為外掛安裝越多,會影響網頁的加載,打開。

Step 4:發佈GTM 容器

點擊右上角的「提交」就可以發佈版本:

WordPress中安裝Google Tag Manager追蹤碼

Step 5:驗證安裝

安裝完成後,可以利用Chrome開發者工具驗證。

打開Chrome開發者工具,找到Network,在Filter裡用“GTM-”過濾:

WordPress中安裝Google Tag Manager追蹤碼

可以看到GTM的請求狀態是200就表示加載成功,也就是GTM追蹤碼安裝成功。

常見問題FAQ

GTM安裝後沒有資料?

請檢查:

  • 是否已發布容器
  • 容器 ID是否正確
  • 網站快取是否清除
  • CDN是否仍快取舊版頁面

GTM 一定要放在 Body 嗎?

不一定。

目前大部分網站即使將兩段程式碼都放在Head 中,GTM仍可正常運作。

但仍建議依照Google官方文件的要求:

  • 第一段放Head
  • 第二段放Body

以確保最佳相容性。

 

可以只安裝GTM不安裝GA4嗎?

可以。

GTM本身只是容器。

安裝完成後,可用於設定Google Ads、Meta Pixel等標籤。


如果您在操作上仍有任何疑問,歡迎留言交流,或加入:Google Analytics 4交流社團發問
Like (0)
發佈我的留言
取消留言
表情 贴图 加粗 删除线 居中 斜体

Hi,*为發佈留言必須填寫。

  • 顯示名稱*
  • 電子郵件地址*
  • 個人網站網址