网站访问流量统计系统是网站所有者查看网站价值的重要依据，通常都是采用第三方提供的流量统计系统，常用的包括：百度统计、友盟和51拉等，他们都提供有免费注册以及免费使用普通功能。注册后获取相应的统计代码，然后添加到网站中，等24小时后就可以查看到网站的访问情况。但在vue中如何添加呢？和普通的网站相比，稍微复杂一点，今天就为大家vue中添加第三方流量统计代码的方法。今天我们以添加百度统计为例子来讲解。

一、在百度统计网站中添加自己的网站。在'管理‘一栏中选择‘网站列表'，然后选择新增网站，添加成功后点击代码获取，可以获取统计代码。

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

三、创建vuerouter后，调用beforeEach方法，每个路由跳转时都将其跳转的路由推给百度。

router.beforeEach((to, from, next) => {
 if (_hmt) {
  if (to.path) {
   _hmt.push(['_trackPageview', '/#' + to.fullPath]);
  }
 }
 next();
});

一般等待个20分钟就可以在官网上看到自己的数据了。

也可将百度统计上的数据显示在自己的网站上，在管理一栏中，找到

好了，以上内容就是今天为要大家介绍的关于vue中添加第三方流量统计代码的方法，希望对你的网站建设有所帮助，喜欢的话记得收藏哦！