更新時間:2026年6月12日
百度統計支援透過事件來記錄使用者在網頁上的特定操作,例如按鈕點擊、下載、影片播放等。
相較於僅能看到PV/訪客數據,事件能協助你追蹤真正的互動行為,用來分析CTA效果、轉換漏斗、內容互動等非常重要。
百度統計事件的基本結構
百度統計的事件模型與GA4完全不同,其基本語法如下:
| 欄位 | 說明 | 範例 |
|---|---|---|
| category | 分組 / 類別 | button |
| action | 行為動作 | click |
| label | 標籤內容 | 「立即購買按鈕」 |
| value | 數值(非必填) | 1 |
例如:
_hmt.push(['_trackEvent', 'button', 'click', 'buy_now', 1]);
代表使用者點擊了「立即購買」按鈕一次。
百度統計事件追蹤的3種實作方式
方式 1:在HTML直接加入事件(內聯寫法)
最簡單的方式是在HTML元素中直接加入事件程式碼。
<a href="#" onclick="_hmt.push(['_trackEvent', 'button', 'click', 'buy_now', 1]);">評論</a>
參數說明:
- category: “link”
- action: “click_comments”
- label: “label”
- value:1
特色:
- 寫在HTML標籤內
- 最簡單,但會讓結構與邏輯混在一起
- 只能綁定一個事件,無法疊加
適合情境:
- ✔ 少量、簡單事件
- ✘ 不建議大型網站使用
方式 2:使用JavaScript綁定事件(addEventListener)
較推薦的做法是透過 JavaScript 監聽使用者操作,再觸發百度統計事件。
例如:
document.querySelector('#comment').addEventListener('click', function() {
_hmt.push(['_trackEvent', 'link', 'click_comments', 'label', 1]);
});
特色:
- 寫在 JS 檔案或 Script 區塊
- 支援多個事件監聽,不互相覆蓋
- 可搭配事件選項(捕獲/冒泡、once、passive)
- 適合大型專案或事件管理平台
適合情境:
- ✔ 大量事件追蹤
- ✔ 中大型網站
- ✔ 有版本控制需求的團隊
方式 3:透過GTM觸發百度事件(專業做法)
如果網站已經使用GTM,建議透過GTM統一管理百度統計事件。
這也是目前企業網站最常見的做法。
步驟 1:設置觸發條件
步驟 1:設定代碼
在GTM中點擊「代碼」——「新增」——「請選代碼發類型以開始設定…」——「自訂HTML」,命名為 “Baidu Event-click_comments”, 然後做如下設定:
步驟 3:GTM預覽測試
在GTM裡使用預覽模式,點擊評論按鈕,可在Tag Assistant裡看到代碼(Tags)正確觸發:
適合情境:
- ✔ 大量事件
- ✔ 需要統一管理
- ✔ 企業級團隊協作
- ✔ 頻繁調整、不想改程式碼
百度統計事件追蹤方式比較
| 對比項目 | 方式 1:HTML onclick | 方式 2:JS addEventListener | 方式 3:GTM 觸發百度事件 |
|---|---|---|---|
| 寫法位置 | HTML 標籤內 | JS 檔案或 Script | GTM 後台(無需改程式碼) |
| 特色 | 直接、快速但耦合高 | 結構清晰,可加多個監聽 | 集中管理,可視化設定 |
| 優點 | 最容易上手 | 可維護性高、彈性大 | 不改程式碼、管理效率高 |
| 缺點 | 難維護、無法疊加事件 | 需會 JS | 初次設定較複雜 |
| 適用場景 | 小型網站、少量事件 | 中大型網站、多埋點需求 | 企業團隊、需統一管理 |
建議採用哪種方式?
如果只是測試或少量事件追蹤,可以使用 HTML 直接綁定事件。
若網站已有前端開發團隊,建議使用 JavaScript 的 addEventListener 方式,維護性較佳。
而對於大多數企業網站、電商網站或需要大量埋點管理的專案,最推薦的做法仍然是:
透過GTM統一管理百度統計事件。
除了不必頻繁修改程式碼之外,也能大幅提升後續維護與除錯效率。
