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




