百度统计(Baidu Analytics / Tongji)支持通过 事件(Event) 来记录用户在页面上的特定行为,例如按钮点击、下载、视频播放等。
相比基础的 PV/访客数据,事件可以让你追踪用户真正的交互行为。
事件的基本结构
_hmt.push(['_trackEvent', category, action, label, value]);
百度统计事件结构如下(固定四个字段):
| 字段 | 解释 | 示例 |
|---|---|---|
| category | 分组 | button |
| action | 行为动作 | click |
| label | 标签内容 | “立即购买按钮” |
| value | 数值,可选 | 1 |
自定义事件的3种实现方式
方式 1:直接在页面加入JS(内联写法)
确保页面已经安装百度统计代码(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:绑定事件监听器的方法(JS 绑定)
你可以在 JS 任意逻辑里调用,如按钮监听:
document.querySelector('#comment').addEventListener('click', function() {
_hmt.push(['_trackEvent', 'link',' click_comments', 'label', 1]);
});
特点:
- 绑定在 JS 中
- 可以绑定多个监听器,不互相覆盖
- 可使用事件选项(捕获/冒泡、once、passive)
- 适合大型项目、埋点平台
使用场景:大量复杂的事件跟踪
方式 3:用 Google Tag Manager 触发百度事件(专业用)
设置触发器
根据点击的位置设置触发器:
设置代码
在GTM中点击「代码」—「新建」—「选择一个代码类型以开始设置」——「自定义HTML」,命名为“Baidu Event-click_comnents”,做如下设置:
GTM Tag Assistant Debug
在GTM里预览,然后点击评论,可以在Tag Assistant里看到代码(Tags)是准确触发:
延伸阅读:使用Google Tag Manager安装百度统计并做事件跟踪(完整指南)
使用场景:大量复杂事件跟踪,便于集中管理
总结
| 对比项 | 方式 1:HTML内联onclick | 方式 2:JS addEventListener | 方式 3:GTM触发百度事件 |
|---|---|---|---|
| 写法位置 | HTML标签内部 | 独立JS文件或脚本中 | GTM后台(不改代码) |
| 特点 | 结构与逻辑耦合,快速简单 | 结构清晰,支持多个监听器,可控性高 | 后台统一管理,可视化触发器 |
| 优点 | 最容易实现;无需额外代码结构 | 可绑定多个事件;支持事件选项;可维护性高 | 无需改代码;灵活强大;适合大型团队 |
| 缺点 | 耦合度高;难维护;不能叠加事件 | 需编写 JS;对初学者稍有门槛 | 初次设置复杂;依赖 GTM |
| 推荐使用场景 | 少量简单事件、小型站点 | 中大型项目、大量埋点、团队协作 | 企业级、持续优化、要集中管理 |





