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

更新时间：2020年12月19日 17:07:17 作者：帆酱

这篇文章主要介绍了vue中如何添加百度统计代码，帮助大家更好的理解和使用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进阶之CodeMirror的应用小结
CodeMirror支持在线编辑代码，风格包括js, java, php, c++等等100多种语言，下面这篇文章主要来和大家讲讲CodeMirror的应用，感兴趣的可以了解一下
2023-06-06
vue轮播图插件vue-awesome-swiper
这篇文章主要为大家详细介绍了vue轮播图插件vue-awesome-swiper，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-11-11
详解如何在vue项目中设置首页
这篇文章主要给大家介绍如何在vue项目中设置首页,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2023-12-12
浅谈element的$notify注意点
本文主要介绍了element的$notify注意点，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-08-08
Vue进阶之利用transition标签实现页面跳转动画
这篇文章主要为大家详细介绍了Vue如何利用transition标签实现页面跳转动画，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起一下
2023-08-08
vue3+ts 兄弟组件之间传值的实现
Vue3是一款流行的前端框架,它支持多种传值方式,包括兄弟组件之间的传值,本文主要介绍了vue3+ts 兄弟组件之间传值的实现,具有一定的参考价值,感兴趣的可以了解一下
2023-11-11
vscode配置@路径提示方式,并解决vue文件内失效的问题
这篇文章主要介绍了vscode配置@路径提示方式,并解决vue文件内失效的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
Vuejs第十一篇组件之slot内容分发实例详解
这篇文章主要介绍了Vuejs第十一篇之slot内容分发组件详解的相关资料
2016-09-09
Vue实现录制屏幕并本地保存功能
这篇文章主要介绍了Vue实现录制屏幕功能并本地保存,这里用的是用的是HBuilder X开发，结合示例代码给大家介绍的非常详细，需要的朋友可以参考下
2022-04-04
Vue使用moment将GMT时间转换为北京时间
GMT（Greenwich Mean Time）和UTC（Coordinated Universal Time）是两个时间标准,它们在许多方面非常相似,但也有一些微小的差异,本文给大家详细介绍了Vue使用moment将GMT时间转换为北京时间,需要的朋友可以参考下
2023-12-12