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

相关推荐
苏武难飞几秒前
分享一个THREE.JS中无限滚动的技巧
前端·javascript·css
bitbrowser3 分钟前
2026 PC端多Chrome账号管理指南:从日常切换到防关联实战
前端·chrome
LXXgalaxy3 分钟前
Vue3 + TypeScript 20 个常见报错
javascript·ubuntu·typescript
小陈工11 分钟前
Python Web开发入门(二):Flask vs Django,项目结构大比拼
前端·数据库·python·安全·web安全·django·flask
橘子编程11 分钟前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
晓131312 分钟前
React篇——第五章 React Router实战
开发语言·javascript·ecmascript
不超限13 分钟前
InfoSuite AS部署Vue项目
前端·javascript·vue.js
程序员小寒14 分钟前
JavaScript设计模式(五):装饰者模式实现与应用
前端·javascript·设计模式
wefly201718 分钟前
零基础上手m3u8live.cn,免费无广告的M3U8在线播放器,电脑手机通用
前端·javascript·学习·电脑·m3u8·m3u8在线播放
晓131323 分钟前
React篇——第四章 React Router基础
前端·javascript·react