在vue中引入百度統計進行用戶分析


注冊百度統計賬號啥的就跳過了,直接說代碼里面怎么實現。

理論上來說我只要把官方獲取到的代碼粘貼到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,就是這樣了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM