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项目实现主题切换的多种方法
Nov 26 Vue.js
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
在vue项目中封装echarts的步骤
Dec 25 Vue.js
vue组件是如何解析及渲染的?
Jan 13 Vue.js
vue 递归组件的简单使用示例
Jan 14 Vue.js
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
vue+django实现下载文件的示例
Mar 24 Vue.js
简单聊聊Vue中的计算属性和属性侦听
Oct 05 Vue.js
vue+iview实现手机号分段输入框
Mar 25 Vue.js
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
VUE使用draggable实现组件拖拽
Apr 06 Vue.js
Vue3实现简易音乐播放器组件
Aug 14 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
织梦模板标记简介
2007/03/11 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
JavaScript轻松创建级联函数的方法示例
2017/02/10 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
vue中轮训器的使用
2019/01/27 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
vue实现简单图片上传
2020/06/30 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据操作
2020/07/31 Javascript
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python中if __name__ == "__main__"详细解释
2014/10/21 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
PyQt5 多窗口连接实例
2019/06/19 Python
Python整数对象实现原理详解
2019/07/01 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
Pytest mark使用实例及原理解析
2020/02/22 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
中药学专业求职信
2014/05/31 职场文书
2015年房地产销售工作总结
2015/04/20 职场文书
2015年人事科工作总结
2015/04/28 职场文书
廉政承诺书范文
2015/04/28 职场文书
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL