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

1、平台获取统计代码

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

javascript 复制代码
  <script>
    var _hmt = _hmt || [];
  </script>

body:

javascript 复制代码
  <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中添加以下代码

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

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

相关推荐
CHU7290359 分钟前
智慧陪伴新选择:陪诊陪护预约小程序的暖心功能解析
java·前端·小程序·php
奔跑的web.13 分钟前
TypeScript namespace 详解:语法用法与使用建议
开发语言·前端·javascript·vue.js·typescript
你怎么知道我是队长19 分钟前
win11系统查看设备配置
android·java·javascript
倾国倾城的反派修仙者20 分钟前
鸿蒙开发——使用弹窗授权保存媒体库资源
开发语言·前端·华为·harmonyos
泰勒疯狂展开35 分钟前
Vue3研学-组件的生命周期
开发语言·前端·vue
Charlie_lll38 分钟前
学习Three.js–基于GeoJSON绘制2D矢量地图
前端·three.js
计算机学姐1 小时前
基于SpringBoot的自习室座位预定系统【预约选座+日期时间段+协同过滤推荐算法+数据可视化统计】
java·vue.js·spring boot·后端·spring·信息可视化·tomcat
雨季6661 小时前
构建 OpenHarmony 简易 BMI 健康指数计算器:用基础数学实现健康自评
javascript·flutter·ui·自动化·dart
小二·1 小时前
Python Web 开发进阶实战:AI 原生安全防护 —— 在 Flask + Suricata 中构建智能网络威胁狩猎平台
前端·人工智能·python
葡萄城技术团队1 小时前
SpreadJS V19.0 新特性解密:设计器容器行列合计,让报表数据汇总更灵活
前端