Vue+百度统计 实现网页的PV和UV统计

目录

什么是PV和UV？

百度统计

VUE 

 验证安装

查看统计

 拓展

---

什么是PV和UV？

这里我懒得打字了，直接百度扒过来吧，这个了解知道是啥就行

百度统计

首先你要有个百度账号，自己测试的时候可以用自己的百度个人账户，项目里向公司申请企业商业账号

搜索百度统计

登录（左企业，右个人）

 管理→新增网站

 这里填的内容根据提示添加就行

 获取代码

 

VUE 

main.js全局添加

// 百度统计代码
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement('script')
  hm.src = 'https://hm.baidu.com/hm.js?改成你的ID'
  var s = document.getElementsByTagName('script')[0]
  s.parentNode.insertBefore(hm, s)
})()

router.beforeEach((to, from, next) => {
  if (_hmt) {
    if (to.path) {
      _hmt.push(['_trackPageview', '/#' + to.fullPath])
    }
  }
  next()
})

 验证安装

 先检查代码是否安装（会有延迟，可能不准）接下来我们还有别的方法

去你的网站首页  F12→Network→ALL，找有没有一个叫hm.js的文件，后面是你的独立ID，如果有证明安装成功，没有则失败

查看统计

基础报告→选项目

就能看到PV和UV的统计了

 拓展

如果你想在特定的需求状况添加统计，比如事件统计这种，可以参考官方文档

JS-API技术文档

常用的这两种

 只需要在你需要添加的地方写_hmt.push就行，参数参考文档介绍