vue H5项目加入百度统计代码实现

前端时间项目需求实现流量统计，发现百度统计非常的全面。以此分享给需要的朋友。

首先登录百度统计百度统计官网
百度统计官网：百度统计
左侧网站列表，在右侧点击新增网站 一次获得xxx(代码里面使用)

// 百度统计
var _hmt = _hmt || [];
window._hmt = _hmt; // 修改为window 全局变量
(function () {
    var hm = document.createElement("script");
    //xxx 为自己申请
    hm.src = "https://hm.baidu.com/hm.js?xxx";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
})();
// 使用路由守卫将接下来将要进入的路由参数
// push进入全局的window _hmt
router.beforeEach((to, from, next) => {
  if (window._hmt) {
    if (to.path) {
      window._hmt.push(['_trackPageview', '/#' + to.fullPath])
    }
  }
  next()
})

等待时间访问，查看百度统计数据变化就OK！！！
切记不能再index.html里面加入一下代码
否则只能统计到首页的访问流量

<script>
	var _hmt = _hmt || [];
	window._hmt = _hmt; // 修改为window 全局变量
	(function () {
	    var hm = document.createElement("script");
	    //xxx 为自己申请
	    hm.src = "https://hm.baidu.com/hm.js?xxx";
	    var s = document.getElementsByTagName("script")[0]; 
	    s.parentNode.insertBefore(hm, s);
	})();
</script>

希望对大家开发有所帮助！谢谢！