教你如何在vue项目中添加百度统计代码:
1、在index.html中添加以下代码:
<script>
var _hmt = _hmt || [];
window._hmt = _hmt; // 修改为window 全局变量
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxx"; //此处请替换你的站点id
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
2、在beforeEach方法中添加以下代码,保证每个路由跳转时都将其跳转的路由推给百度:
router.beforeEach((to, from, next) => {
if (window._hmt) {
if (to.path) {
window._hmt.push(['_trackPageview', '/#' + to.fullPath])
}
}
next();
})
3、打包发布一下,然后就可以看到每一个路由跳转都可以统计到了!
微信截图_20220613160246.png
网友评论