百度统计 事件跟踪 js代码怎么写

JavaScript013

百度统计 事件跟踪 js代码怎么写,第1张

百度统计 事件跟踪 js代码怎么写

事件跟踪最核心的方法就是_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>中间的内容,直接放到里面就可以啦。