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即可,回到百度统计页面代码安装成功!

相关推荐
不要em0啦17 分钟前
从0开始学python:简单的练习题3
开发语言·前端·python
老华带你飞17 分钟前
电商系统|基于java + vue电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
星月心城20 分钟前
面试八股文-JavaScript(第四天)
开发语言·javascript·ecmascript
大猫会长24 分钟前
关于http状态码4xx与5xx的背锅问题
前端
喝拿铁写前端32 分钟前
AI 驱动前端开发覆盖的能力全景拆解
前端·javascript·人工智能
1024小神34 分钟前
确认了,Cloudflare的R2对象存储S3接口api不支持在web端使用
前端
不染尘.35 分钟前
应用层之WWW
服务器·javascript·css·网络·网络协议·计算机网络·html
KLW7536 分钟前
vue v-for 列表渲染指令注意
前端·javascript·vue.js
zhengxianyi51542 分钟前
vue 首屏加载优化
前端·javascript·vue.js·nginx·gzip·expires·静态文件缓存
John_ToDebug1 小时前
从 window.external 到 Mojo深度解析 Chromium 中 JS 与 C++ 的 7 种通信机制
javascript·chrome·mojo