现在的位置:首页>网站SEO>正文

百度事件跟踪统计的安装使用和代码封装

2016年07月21日 ⁄ 共 1691字 暂无评论

所谓事件跟踪,就是通过代码记录访客在网页中具体操作了什么,比如点击了哪个地方,执行了表单的提交搜索。这一系列都可以记录下来,而百度就提供了一个这么方便的事件跟踪接口供我们使用.在这里我基于jq对百度的接口代码的使用进行了封装,简化了使用.

百度事件跟踪统计的安装使用

这里以用百度统计事件追踪功能来统计课件的下载情况为例,来说明:

在你那个产生点击的链接代码中,修改a标签:

  1. <a id="download" onclick="_hmt.push(['_trackEvent', '类型', '操作', '标签']);"
  2. href="http://www.mfbuluo.com" target="_blank">下载</a>

在红色部分换成你需要配置的内容,随后一旦有数据后,你可以在百度统计里看到【类型】【操作】【标签】三个界面的数据,比如:

  1. <a title="什么是关键词PPT下载" rel="nofollow" href="http://pan.baidu.com/share/link?shareid=637889&amp;uk=201809080" id="download" onclick="_hmt.push(['_trackEvent', '课件下载', '1.0什么是关键词', '百度网盘']);" target="_blank">PPT版本</a>

百度事件跟踪其实是百度流量统计的而一个分支,所以要想使用事件跟踪,前提是要使用百度统计,即你的页面要有百度统计的代码,并且这个流量统计要在事件跟踪代码的前面执行.

百度事件跟踪统计的安装使用和代码封装

百度事件跟踪统计的代码封装

假如你已经引入了百度统计的代码,那么只需要在后面加入以下的代码即可实现事件跟踪统计:

  1. $(function(){
  2.      _hmt.push(['_setAccount', 'd9369436322d94b2213525fa8711e642']);
  3.      function eventCollect(ev,obj,category, action, opt_label){
  4.        var arg=arguments.length;
  5.        var txt=opt_label;
  6.        $("html").on(ev,obj,function(){
  7.          if(arg==5){
  8.            _hmt.push(['_trackEvent', category, action, txt]);
  9.          }else{
  10.            var opt_label=$(this).text().replace(/\s/gi," ")||"未知按钮或图片";
  11.            _hmt.push(['_trackEvent', category, action, opt_label]);
  12.          }
  13.        })
  14.      }
  15.    eventCollect("click","#nav li","导航""点击");
  16.    eventCollect("click","#music","播放器""点击""第一次打开播放器");
  17. })

把红色部分改为自己的站点id,使用方法像上面的红色代码,第一个参数是事件类型(一般为click和hover),第二个参数为事件选择器,第三个为类目,第四个为事件说明,第五个为事件详情(可选).

注意:安装代码可能会有一段时间不会立马显示出来,并不是代码错了,比如我的就是安装后半天后才会显示数据统计,稍安勿躁.

每一个事件只需要调一行代码就行,简单快捷了许多.

查看统计结果

百度事件跟踪统计的安装使用和代码封装

我们在百度统计后台里,直接点击右侧的事件跟踪,就可以查看效果了.

 

 

小结

文章内容来源自网络,由免费部落整理发布.

事件跟踪统计对于一些特殊类别的站点,作用还是有的,不过一般的站点,估计是用不上的.

给我留言