VuePress使用百度统计分析网站流量

寒江蓑笠翁大约 4 分钟技术日志VuePress流量统计

VuePress使用百度统计分析网站流量

VuePress结合百度统计,分析网站的访问情况


关于网站统计和分析,常用的有如下这些服务商,统计系统主要只是统计数据,分析系统在统计的同时还可以进一步分析数据,对于我而言仅仅只是需要统计一下网站的访问量即可,所以选择统计系统。

本文主要讲的是百度统计,国内使用起来方便一些,虽然百度统计有些功能下线了,可能是因为业务不行吧,但是对我这种轻度用户来说足够使用了,谷歌分析会涉及到一些翻墙的事情。

注册

百度统计:百度统计——一站式智能数据分析与应用平台 open in new window,首先前往百度统计页面,登录账号,完成后进入产品即可,个人开发者使用免费版即可。

新增网站

来到使用设置/网站列表页面,点击新增网站

按照你自己的网站信息去填写表单

获取代码

添加成功后,来到代码管理,复制生成的JS代码

如果只是一般的HTML页面,可以选择直接将复制后的代码放入index.html中的<head>标签内,但我是用的VuePress,不可能每次编译完后手动加到生成的index.html中,所以找到项目中的配置文件.vuepress/config.ts,像如下编写即可。

export default defineUserConfig({
    head: [
        [
            "script", {},
            `var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "you baidu src";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();`
        ]
    ],
});

提示

VuePress复制代码时不需要<script>标签

安装检查

上述操作弄完后,将网站重新部署,然后在使用设置页面的网站列表点击安装检查

一般在部署完十几分钟后可以正常使用,如果代码安装检查失败可以检查一下是不是在外网或者域名填写错误。

统计查看

在网站概况中可以很清晰的看到网站的浏览量趋势统计和图表

也可以看到访问者的地域分布统计

对于我的小站来说,上述功能已经足够使用了,更多功能的话还请自己去慢慢发现。

上次编辑于:
贡献者: 246859