Vue----項目增長百度統計

到百度統計->註冊帳號->新增網址->獲取代碼

在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();
});

 

注意事項

設置好以後立刻檢查代碼的話會顯示未識別到代碼，須要等待半小時左右去檢查，正常會提示代碼安裝成功

統計數據會在代碼安裝以後的2-3小時以後顯示

百度統計代碼每次更新時間約5分鐘，添加或修改後要等待。