事件跟踪最核心的方法就是_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'])
})
如果统计代码是下面这个样子:
<script>var _hmt = _hmt || []
(function() {
var hm = document.createElement("script")
hm.src = "https://hm.baidu.com/hm.js?68df874fd78fd8f5cdv45fd470a49b12"
var s = document.getElementsByTagName("script")[0]
s.parentNode.insertBefore(hm, s)
})()
</script>
新建一个JS文件,取<script></script>中间的内容,直接放到里面就可以啦。