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

相关推荐
zxhnext14 分钟前
LLM大语言模型入门
前端·后端
知心宝贝21 分钟前
写了那么久的前端,你真的了解浏览器背后的“小动作“吗?
前端·程序员·浏览器
wycode21 分钟前
Vue2实践(2)之用component做一个动态表单(一)
前端·javascript·vue.js
维李设论22 分钟前
前端智能化 | AG-UI实践及原理浅析
前端·aigc·agent
第七种黄昏23 分钟前
Vue3 中的 ref、模板引用和 defineExpose 详解
前端·javascript·vue.js
一只卡比兽23 分钟前
动态规划与贪心算法详解:原理、对比与代码实践
前端
aiwery26 分钟前
一文掌握 TypeScript 工具类型:Record、Partial、Omit、Pick 等实战用法
前端·代码规范
ankleless40 分钟前
C语言(12)——进阶函数
前端·html
一条上岸小咸鱼44 分钟前
Kotlin 基本数据类型(四):String
android·前端·kotlin
我是哈哈hh1 小时前
【Node.js】ECMAScript标准 以及 npm安装
开发语言·前端·javascript·node.js