在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,就是这样了