教你如何在vue項(xiàng)目中添加百度統(tǒng)計(jì)代碼:
1舆乔、在index.html中添加以下代碼:
<script>
var _hmt = _hmt || [];
window._hmt = _hmt; // 修改為window 全局變量
(function() {
var hm = document.createElement("script");
hm.src = "https://#/hm.js?xxxxx"; //此處請(qǐng)?zhí)鎿Q你的站點(diǎn)id
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
2赶熟、在beforeEach方法中添加以下代碼,保證每個(gè)路由跳轉(zhuǎn)時(shí)都將其跳轉(zhuǎn)的路由推給百度:
router.beforeEach((to, from, next) => {
if (window._hmt) {
if (to.path) {
window._hmt.push(['_trackPageview', '/#' + to.fullPath])
}
}
next();
})
3杯巨、打包發(fā)布一下,然后就可以看到每一個(gè)路由跳轉(zhuǎn)都可以統(tǒng)計(jì)到了努酸!
微信截圖_20220613160246.png