当前位置: 首页 > news >正文

Vue项目引入百度统计的正确操作步骤,亲测有效!

1、平台获取统计代码

在这里插入图片描述

2、在head和body中分别添加以下代码
head:

  <script>var _hmt = _hmt || [];</script>

body:

  <script>var _hmt = _hmt || [];(function () {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?476f388f2f9379b40dd120383cf08647";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>

在这里插入图片描述

3、在main.js中添加以下代码

// 加入百度统计
router.beforeEach((to, from, next) => {if (to.path) {if (window._hmt) {window._hmt.push(['_trackPageview', '/#' + to.fullPath])}}next()
})

在这里插入图片描述

重新build构建部署到服务器上并重启nginx即可,回到百度统计页面代码安装成功!

在这里插入图片描述

http://www.lryc.cn/news/207953.html

相关文章:

  • Keras中model.evaluate() 返回的是 loss value 和 metrics values
  • CSRF跨域请求伪造
  • LeetCode 1465. 切割后面积最大的蛋糕:纵横分别处理
  • YTM32的增强型定时器eTMR外设模块详解
  • 40.查找练习题(王道2023数据结构第7章)
  • Segmentation fault 的bug解决
  • 【Python机器学习】零基础掌握BaggingRegressor集成学习
  • 麒麟KYLINOS通过命令行配置kysec的防火墙
  • 磁盘监控:告警时发送邮件
  • 【HarmonyOS】元服务卡片router实现跳转到指定页面并传动态参数
  • Centos安装RabbitMQ,JavaSpring发送RabbitMQ延迟延时消息,JavaSpring消费RabbitMQ消息
  • leetcode:1323. 6 和 9 组成的最大数字(python3解法)
  • SpringBoot集成Redis Cluster集群(附带Linux部署Redis Cluster高可用集群)
  • LLaVA:visual instruction tuning
  • Python实现双目标定、畸变矫正、立体矫正
  • showdoc 文件上传 (cnvd-2020-26585)
  • Java数据类型,变量与运算符
  • Linux nm命令
  • iOS发布证书.p12文件无密码解决办法及导出带密码的新.p12文件方法
  • OpenCamera拍照的代码流程
  • 华为OD机考算法题:矩阵最大值
  • 【Javascript】函数之形参与实参
  • PAT 乙级1090危险品装箱
  • Response Header中不暴露Server(IIS)版本、ASP.NET及相关版本等信息
  • 测试C#调用Vlc.DotNet组件播放视频
  • JS的事件委托(Event Delegation)
  • selenium+python自动化安装驱动 碰到的问题
  • laravel+vue2 element 一套项目级医院手术麻醉信息系统源码
  • GEE——使用MODIS GPP和LAI数据进行一元线性回归计算和R2分析
  • [论文阅读]Point Density-Aware Voxels for LiDAR 3D Object Detection(PDV)