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

Google Tag Manager 是什麼?

Google Tag Manager Haran 5年前 (2021-12-20) 3138次瀏覽 0條留言

更新時間:2024年10月31號

Google Tag Manager是一套免費的網站代碼管理系統(Tag Management System, TMS),用來集中管理各種追蹤碼,例如:

  • GA4
  • Meta Pixel
  • Google Ads 轉換追蹤
  • 事件追蹤(Click、Scroll、Form Submit 等)

透過GTM,你不需要每次都修改網站程式碼,就能快速部署與更新行銷追蹤設定,已成為現代數據分析與數位行銷的標準工具之一。

GTM是什麼?

Google Tag Manager 是什麼?

Google Tag Manager(GTM)是一個「集中管理網站追蹤碼的容器系統」。

只要在網站上安裝一段GTM代碼,之後所有追蹤工具與事件設定,都可以直接在 GTM 後台完成,不需要再請工程師修改網站原始碼。

簡單來說:GTM = 所有追蹤碼的「中央控制台」

為什麼需要GTM?

在沒有GTM的情況下:每新增一個追蹤碼就要改一次網站程式碼,容易出錯,依賴工程師排程,版本難控管

有了GTM之後:行銷人員可自行管理追蹤碼,減少工程依賴,提升部署速度,降低網站修改風險

 

GTM的優點

  • 加快追蹤碼部署速度:不需要工程師協助,可直接在GTM後台新增或修改Tag。。
  • 提高網站的載入速度:GTM採用非同步載入,不會阻塞網站主體內容。
  • 集中管理所有追蹤碼:所有 Tag、Trigger、Variable 都統一管理,降低混亂與維護成本。
  • 版本控制:每次修改都會建立版本,可隨時回滾到上一版本,降低風險。
  • 測試與除錯工具:提供Tag Assistant用於實時測試和資料驗證,減少代碼埋錯的機會
  • 和Google生態系整合:如GA4、Google Ads等

GTM的缺點與限制

GTM並不是只有優點和好處,它也有一些不足的地方:

  • 如果GTM被擋掉GTM所有的追蹤碼都將失效:GTM的追蹤碼其實是JS檔案,如果使用者的瀏覽器異常,或主動擋住GTM的追蹤碼,那麼GTM上設定的所有追蹤碼都將失效。
  • 需要基本技術理解:因為GTM上有很多的Java Script,如果有可能GTM裡面放的程式碼有誤,連帶影響網頁的正常功能,所以使用者具備一定的工程師背景會更適合。
  • 需要一定的學習成本:GTM這個工具雖然說簡單很多,但裡面的各種設定還是需要一定的學習才能準確掌握。

 

 

GTM的結構(賬戶結構)

GTM 採用「帳戶 → 容器」架構:

Google Tag Manager 是什麼?

  • 賬戶:是公司層級,一般是一家公司對應一個賬戶,如下圖中的“Haran Huang”就表示一個賬戶,一個Google賬戶最多可以創建400個賬戶
  • 容器:是網站層級,一個賬戶最多可以創建500個容器,每個容器裡包含一套代碼、觸發條件和變數,也就是一個谷歌賬戶最多可以包含2萬個容器

容器大小限制:最多200KB,如果超過70%就會提示,建議您採取行動調整容器設定,需要對對代碼、觸發條件和變數做刪除後合併。

 

GTM三大核心元素(一定要懂)

GTM的三大核心元素:

  • 代碼:用來執行追蹤功能
  • 觸發條件:決定代碼(Tag)什麼時候觸發
  • 變數:用來儲存與傳遞資料

三者的關係:Google Tag Manager 是什麼?

觸發條件決定合適觸發代碼,變數被觸發條件和代碼引用。

 

其他主要功能:

  • 工作區:可讓不同人同時開發不同設定,不互相干擾。
  • 資料夾:用來分類代碼、觸發器和變數,提升可管理性。
  • 環境:區分不同的環境,滿足標準化的開發流程。

Google Tag Manager 安裝教學

接下來介紹如何安裝GTM

Step 1:建立容器

前往GTM代碼管理工具,並使用你的Google 帳戶登入,在GTM中的賬戶右側點擊三個點,然後點選“建立容器”:

Google Tag Manager 是什麼?

然後會進入建立容器的界面,做如下設置:
Google Tag Manager 是什麼?

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

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

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

設置好後點擊“建立”就會創建容器。

Step 2:取得追蹤碼

創建好容器後就獲取GTM的追蹤碼,打開容器,點擊「管理」——「安裝 Google 代碼管理工具」:

Google Tag Manager 是什麼?

這個就是GTM的追蹤碼,可以看到Google Tag Manager的追蹤碼是有兩段,一段要求安裝在head裡,一段要求安裝在body。

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

Step 3:安裝到網站

让DE将追踪码添加到網站的模板頁:

Google Tag Manager 是什麼?

一段到head裡,一段在body裡。

這樣就可以了。

 

Step 4:驗證是否成功

安裝後,需要驗證GTM追蹤碼是否安裝準確。

在驗證之前,先需要在GTM容器發佈一個版本,這樣GTM追蹤碼才能正常加載,點擊右上角的“提交”就可以發佈版本:

Google Tag Manager 是什麼?

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

Google Tag Manager 是什麼?

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

 

總結

GTM是一個用來集中管理網站追蹤碼的工具,它能幫助企業:

  • 降低工程依賴
  • 提升追蹤部署效率
  • 統一管理數據標籤
  • 強化行銷與數據分析能力

對於GA4與數位行銷來說,GTM幾乎是必備基礎設施。


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

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

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