注册百度统计账号啥的就跳过了,直接说代码里面怎么实现。
理论上来说我只要把官方获取到的代码粘贴到head内就ok,但vue是单页面的,所以我们还需要监听路由,每次路由调用的时候都执行一下方法。
在header内插入百度官方获取到的代码(项目bulid之后插入)
<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内插入以下(项目bulid之前就要在main里面写好,但run的时候会报错)
router.beforeEach((to, from, next) => {
// 统计代码
if (to.path) {
_hmt.push(['_trackPageview', '/#' + to.fullPath]);
}
next();
});
ok,就是这样了