百度统计是一个可以统计页面数据的平台工具,同样也可以使用在Vue页面里。
百度统计——移动统计通过多年沉淀下来的分析方法论赋能给开发者提供全面、专业、精准的分析,同时,更能将APP、百度小程序、微信小程序多端数据统一查看,深刻洞察线上用户的行为特征,以实现数据驱动商业运营与产品迭代的目标。
我之前分享过一篇介绍百度统计的文章,感兴趣的朋友可以了解一下:免费便捷的统计工具-百度统计
在Vue单页面开发中接入百度统计代码时,如果直接按照官网的走会出现错误,就是_hmt找不到,这是因为在一个js文件里声明的变量在另一个js文件里是找不到的,所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量,就可以在任何地方访问了。
1.在maim.js下百度统计代码添加
var _hmt = _hmt || [];
window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到
(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);
})();
2.创建vuerouter后,调用beforeEach方法,每个路由跳转时都将其跳转的路由推给百度。
router.beforeEach((to, from, next) => {
if (_hmt) {
if (to.path) {
_hmt.push(['_trackPageview', '/#' + to.fullPath]);
}
}
next();
});
3.注意事项 百度统计代码每次更新时间约5分钟,添加或修改后要等待。