4

内部文档,管理员莫推荐^_^

资料

百度统计

方法

引入百度统计的js后,会在全局(window)下 暴露_hmt的方法:

clipboard.png

事件跟踪最核心的方法就是_hmt.push:

_hmt.push(['_trackEvent', category, action, opt_label, opt_value]);


1. '_trackEvent': 固定参数,表明统计类型是时间跟踪。
1. category:要监控的目标的类型名称,通常是同一组目标的名字,比如"视频"、"音乐"、"软件"、"游戏"等等。该项必选。
1. action:用户跟目标交互的行为,如"播放"、"暂停"、"下载"等等。该项必选。
1. opt_label:事件的一些额外信息,通常可以是歌曲的名称、软件的名称、链接的名称等等。该项可选。
1. opt_value:事件的一些数值信息,比如权重、时长、价格等等,在报表中可以看到其平均值等数据。该项可选。

使用

我们有两种方式来使用_html.push方法:

HTML行内使用

<a onclick="_hmt.push(['_trackEvent', 'website', 'click', 'baidu', 1])" href="http://www.baidu.com">百度</a>

JS代码中使用

document.getElementById("link").addEventListener("click", function() {
  _hmt.push(['_trackEvent', 'website', 'click', 'baidu', 1]);
  // ...
});

推荐的方式

这是我一般写统计的方式,比较简单,个人比较推荐:

<a data-track="点击百度链接" href="http://www.baidu.com">baidu</a>
$("[data-track]").on("click", function() {
  var label = $(this).data("track");
  window._hmt && window._hmt.push(['_trackEvent', label, 'click']);
});

查看统计结果

登陆百度统计

clipboard.png

clipboard.png

参考

开放平台 - 百度统计


binnng
3.7k 声望308 粉丝

前端工程师