Vue使用谷歌统计和百度统计

谷歌统计

统计网站流量

Index.html 页面插入

//header中插入
<script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-128966708-3', 'auto'); // 将`UA-XXX`换成自己的ID
        ga('send', 'pageview');
</script>

main.js 页面插入

router.afterEach((to, from) => {
  ga('set', 'page', to.path);
  ga('send', 'pageview');
})

网站事件统计

//在组件中调用此方法，'send', 'event' 固定，'category'自定义类型如导航栏、首页等, 'click'为触发事件方法, 'action'自定义行为，如进入、弹框等。
ga('send', 'event', 'category', 'click','action');

百度统计

统计网站流量

Index.html 页面插入

//header中插入
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?userID";
        //userID 为百度统计给的id
        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();
})

网站事件统计

//在组件中调用此方法，'_trackEvent' 固定，'category'自定义类型如导航栏、首页等, 'click'为触发事件方法, 'action'自定义行为，如进入、弹框等。
_hmt.push(['_trackEvent', 'category', 'click','action']);