注冊百度統計賬號啥的就跳過了,直接說代碼里面怎么實現。
理論上來說我只要把官方獲取到的代碼粘貼到head內就ok,但vue是單頁面的,所以我們還需要監聽路由,每次路由調用的時候都執行一下方法。
/*在header內插入百度官方獲取到的代碼*/
<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內插入以下
router.beforeEach((to, from, next) => {
// 統計代碼
if (to.path) {
_hmt.push(['_trackPageview', '/#' + to.fullPath]);
}
next();
});
ok,就是這樣了
