在Vue單頁面開發(fā)中接入百度統(tǒng)計代碼時间学,如果直接按照官網(wǎng)的走會出現(xiàn)錯誤,就是_hmt找不到,這是因為在一個js文件里聲明的變量在另一個js文件里是找不到的蔼囊,所以需要把_hmt掛載到window對象下,這樣_hmt成為了全局變量,就可以在任何地方訪問了衣迷。
1.在maim.js下百度統(tǒng)計代碼添加
var _hmt = _hmt || [];
window._hmt = _hmt; // 必須把_hmt掛載到window下畏鼓,否則找不到
(function () {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?"+ 百度站點id;
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
2.創(chuàng)建vuerouter后,調(diào)用beforeEach方法壶谒,每個路由跳轉(zhuǎn)時都將其跳轉(zhuǎn)的路由推給百度云矫。
router.beforeEach((to, from, next) => {
if (_hmt) {
if (to.path) {
_hmt.push(['_trackPageview', '/#' + to.fullPath]);
}
}
next();
});
注意事項
百度統(tǒng)計代碼每次更新時間約5分鐘,添加或修改后要等待汗菜。