文章目录[隐藏]
百度统计（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 |
| 推荐使用场景 | 少量简单事件、小型站点 | 中大型项目、大量埋点、团队协作 | 企业级、持续优化、要集中管理 |
参考资料
有疑问可以在底部留言
