怎么在vue项目中添加一段百度统计代码

发布时间:2020-12-21 15:12:42 作者:Leah
来源:亿速云 阅读:182

本篇文章给大家分享的是有关怎么在vue项目中添加一段百度统计代码,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

一、在百度统计网站中添加自己的网站

1、官网地址:https://tongji.baidu.com/web/welcome/login。

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

二、 在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项目中添加一段百度统计代码

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

怎么在vue项目中添加一段百度统计代码

以上就是怎么在vue项目中添加一段百度统计代码,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

推荐阅读:
  1. 怎么在Vue项目中使用matomo统计访问流量
  2. 如何在python3项目中使用GUI统计代码量

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue ue 目中

上一篇:Vue项目中出现“ Computed property "****" was ...”报错如何解决

下一篇:利用vue怎么在单页面应用里使用二级套嵌路由

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》