最近接到一个需求,需要统计公司官网的日常访客情况,以供运营人员进行分析。正好博主自己的博客也做过类似的事情,不过公司官网是Vue开发的,不是静态网站。在跟前端开发简单了解Vue的相关技术后,也完美解决了。
前提准备
- 在开始之前,需要先到百度统计官网(https://tongji.baidu.com/)注册一个账号,并且在账号管理中新增一个站点:
- 点击
新增站点
,按照实际情况填写即可:
新增完成后,点击
获取代码
,获取到百度统计的js代码,后续会用到<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxx";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
注意:代码中的
xxxxxxxxxxxxxxxx
每个站点都不同,请从百度统计后台复制。
项目配置
打开项目的index文件,如
index.html
、index.template.ejs
等,读者根据自己的项目来在
head
标签中添加以下代码<script>
var _hmt = _hmt || [];
</script>然后在
body
标签的最后添加以下代码var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxx";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();然后直接将代码发布就可以了,发货后等待一会,即可在百度统计后台看到相关的访问数据了
注意事项
如果你的网站是单页应用(SPA),记得在百度统计后台启用单页应用数据统计
如果网站发布一段时间后还没有统计信息,可以到统计后台检查下代码是否正确安装
如果显示代码安装不正确,则需要具体排查原因。
“扫一扫接着看”