Javascript收集让前端飞Web前端之路

百度统计API

2017-12-05  本文已影响469人  熠辉web3

一.如何部署百度统计JS代码

在项目头部插入以上由百度统计提供的代码:

<html> 
  <head>
     <!-- 您页面原有的代码 -->    
     <script>    
     var _hmt = _hmt || [];    
     </script>    
  </head>    
  <body>    
    <!-- 您页面原有的代码 -->    
    <script>    
    var _hmt = _hmt || [];    
    (function() {
      var hm = document.createElement("script");
      hm.src ="https://hm.baidu.com/hm.js?百度统计所申请的appKey";   
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
  </body>
</html>

二.相关API

1. trackPageView(用于发送某个指定URL的PV统计)

使用方法1

在生成页面或切换页面是,在JS中调用以下代码:

_hmt.push(['_trackPageview', pageURL]);

pageURL: 指定要统计PV的页面的URL. 此项必选, 必须是以'/'开头的相对路径

使用方法2

如果页面的url比较乱, 希望在统计报告中可以按照某种规则进行重新命名, 也可以使用_trackPageView:

_hmt.push(['_setAutoPageview', false]);
_hmt.push(['_trackPageview', '/new/path/new/name']);

在例子中,我们首先使用了_setAutoPageview接口关闭了自动PV跟踪,然后使用了_trackPageview接口来发送新的PV统计请求。
这样在页面被访问时,记入PV的就不是原URL了,而是您指定的新的URL。
请注意上述代码最好能够加在页头</head>标签前,至少要保证位于百度统计分析代码的前面

2. trackEvent(用于发送某个事件)

使用方法

在事件发生时, 在JS代码中调用下面代码:

_hmt.push([‘_trackEvent’, category, action, opt_label,opt_value]);
参数说明
例子

例如用户点击播放按钮会播放”Hey Jude”这首歌,那么在对应的事件处理函数中可以这样来监控播放或暂停事件:

_hmt.push([‘_trackEvent’, ‘video’, ‘pause’, ‘Hey Jude’]);

3._setCustomVar(设置接口的作用范围, 用于获取不同类型访客, 访次和页面的流量数据)

使用方法

在加载统计分析代码之前, 调用设置自定义变量接口

_hmt.push(['_setCustomVar', index, name, value, opt_scope]);
参数说明

相关链接

  1. 百度统计使用指南
  2. 百度统计首页
上一篇 下一篇

猜你喜欢

热点阅读