vue项目实现百度统计引入

vue yekong

最近翻看了一下2年前做的大屏项目,vue数据大屏 重要目标预警与智慧分析系统,想看看这两年技术方面有没有啥进步。
在看代码的时候又想到,在某个项目中看到项目用引用了百度统计,于是尝试试一下看看,vue单页项目如何使用百度统计。

获取统计代码

使用百度统计,没有百度账号的首先要注册百度统计,有百度账号的登录百度统计,添加网站,获取百度统计代码
wanjunshijiecom20220717uDCicR

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

安装依赖

npm install --save vue-ba

使用

在main中引入以下代码,并将上面获取到的百度统计代码id放入到下方。

import ba from 'vue-ba'
Vue.use(ba, '419e3567eb6e054cc88680218c1f39fd')

查看数据

查看数据

统计代码引入完成后,就可以在统计后台查看我们的记录了

喜欢