vue中如何添加百度统计代码


Posted in Vue.js onDecember 19, 2020

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

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中如何添加百度统计代码的详细内容,更多关于vue 添加百度统计代码的资料请关注三水点靠木其它相关文章!

Vue.js 相关文章推荐
Vue 简单实现前端权限控制的示例
Dec 25 Vue.js
Vue实现随机验证码功能
Dec 29 Vue.js
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 Vue.js
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
学习 Vue.js 遇到的那些坑
Feb 02 Vue.js
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
vue使用Google Recaptcha验证的实现示例
Aug 23 Vue.js
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
Nov 27 Vue.js
Vue操作Storage本地化存储
Apr 29 Vue.js
vue如何清除浏览器历史栈
May 25 Vue.js
vue递归实现树形组件
Jul 15 Vue.js
vue 导航守卫和axios拦截器有哪些区别
Dec 19 #Vue.js
Vue——解决报错 Computed property "****" was assigned to but it has no setter.
Dec 19 #Vue.js
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 #Vue.js
Vue——前端生成二维码的示例
Dec 19 #Vue.js
如何在vue中使用kindeditor富文本编辑器
Dec 19 #Vue.js
vue 在服务器端直接修改请求的接口地址
Dec 19 #Vue.js
vue 通过base64实现图片下载功能
Dec 19 #Vue.js
You might like
PHP下几种删除目录的方法总结
2007/08/19 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
centos下file_put_contents()无法写入文件的原因及解决方法
2017/04/01 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
2007/03/10 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
2017/05/11 Javascript
详解bootstrap导航栏.nav与.navbar区别
2017/11/23 Javascript
React styled-components设置组件属性的方法
2018/08/07 Javascript
Python对数据库操作
2016/03/28 Python
Python实现包含min函数的栈
2016/04/29 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
Python实现的列表排序、反转操作示例
2019/03/13 Python
numpy求平均值的维度设定的例子
2019/08/24 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
pytorch快速搭建神经网络_Sequential操作
2020/06/17 Python
python 获取剪切板内容的两种方法
2020/11/28 Python
基于HTML5+Webkit实现树叶飘落动画
2017/12/28 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
北欧最好的童装网上商店:Babyshop
2019/09/15 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
网络工程系信息安全技术专业大学生求职信
2013/10/22 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
公司周年庆典标语
2014/10/07 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
古诗之感恩老师
2019/10/24 职场文书
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang