使用Google Tag Manager安裝百度統計並做事件追蹤(完整指南)

Google Tag Manager Haran 2小时前 9次瀏覽 0條留言

更新時間:2025年11月20日

在大陸運營的網站,往往需要同時使用 Google Analytics 4百度統計(Baidu Tongji)來進行數據監測。前者更適合跨區域分析、廣告效果歸因;後者在國內加載速度快、網路穩定,廣告投放(如百度推廣)需要配合使用。

Google Tag Manager(GTM)作為標籤管理工具,可以幫助你在不修改程式碼的情況下完成百度統計的部署,以及靈活、可維護的事件追蹤。

為什麼使用GTM安裝百度統計?

百度統計直接寫入網站程式碼雖然可以運行,但缺點明顯:

問題 描述
無法統一管理 頁面標籤散落在程式碼中,維護困難
缺乏版本管理 變更無法回滾
難以與 GA4 對齊 不便於統一事件規範(如 dataLayer)
部署速度慢 每次改動都要動工程程式碼
跨部門溝通成本高 需要工程團隊參與

使用GTM可以解決所有問題:

  • 一鍵部署,不需改程式碼
  • 所有事件均可統一管理
  • 與GA4的事件結構一致,可共享dataLayer
  • 可單獨測試與預覽(不影響線上)
  • 透過版本發佈控制風險

如果你使用Adobe Launch或Tealium iQ,方法完全相同,僅觸發器和程式碼管理界面不同。

 

安裝百度統計前,你需要準備什麼?

擁有百度統計帳號,登入百度統計(Baidu Tongji),點擊「使用設定」——「+新增網站」創建網站後,你會獲得hm.js程式碼:

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?86e39c295c390b79e347ea7a9cd47fe3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

 

通過 GTM 部署百度統計基礎程式碼(hm.js)

GTM 中點擊「碼類」——「新建」——「選擇一個程式碼類型以開始設置……」——「自訂 HTML」命名為 “Baidu tongji”,貼入 hm.js 程式碼,設定觸發條件為「All Pages」(所有頁面):

這樣即可完成百度統計的基礎部署。

在 GTM 中做百度統計事件追蹤(Event Tracking)

百度統計事件的結構與GA4完全不同,百度統計的格式如下:

_hmt.push(['_trackEvent', category, action, label, value]);

字段說明:

字段 解釋 範例
category 分組 button
action 行為動作 click
label 標籤內容 “立即購買按鈕”
value 數值,可選 1

 

示例:追蹤評論按鈕點擊

假設現在想追蹤網站評論的點擊,百度統計的事件程式碼改為:

_hmt.push(['_trackEvent', 'link',' click_comments', 'label', 1]);

 

設置觸發條件

根據點擊的位置設置觸發條件:

 

設定代碼

GTM中點擊「代碼」——「新增」——「請選代碼發類型以開始設定…」——「自訂HTML」,命名為 “Baidu Event-click_comments”, 然後做如下設定:

 

如何驗證百度統計事件是否成功發送?

以事件追蹤Baidu Event-click_comments為例。

GTM Tag Assistant Debug

GTM裡使用預覽模式,點擊評論按鈕,可在Tag Assistant裡看到代碼(Tags)正確觸發:

 

Network查看請求

打開瀏覽器 → F12 → Network → 搜尋 “hm.gif”,這就是百度統計的追蹤請求:

點擊可查看事件資訊ep,確認事件已成功發送並被百度統計接收


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

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

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