在vue中引入百度统计进行用户分析

注册百度统计账号啥的就跳过了,直接说代码里面怎么实现。

理论上来说我只要把官方获取到的代码粘贴到head内就ok,但vue是单页面的,所以我们还需要监听路由,每次路由调用的时候都执行一下方法。

/*在header内插入百度官方获取到的代码*/
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?9f44d1ecc58683f6a150c2e0e1b992f1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

 然后我们再到main.js内插入以下

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

 ok,就是这样了

猜你喜欢

转载自www.cnblogs.com/yili-54944/p/9626250.html