统计博客网站访问数据

前言

搭建好博客网站之后，如果更加细致的分析访问数据数据，可以利用 Google、cloudflare 等站点为自己的网站分析流量

我的网站基于 GitHub Pages 、cloudflare 、 jekyll-theme-chirpy 搭建

Google Analytics

使用 Google Analytics 监听网站页面访问量，可以参考 这里

将 Google Analytics 提供的 id 信息填入 chirpy 或者其他支持网站分析的主题配置文件中，以 chirpy 为例配置文件就在仓库根目录 _config.yml 文件中 analytics 代码块中，支持多个分析网站

需要将 Google Analytics 提供的 js 代码配置在自己的网站 html 文件中才可以采集到数据

cloudflare

cloudflare 也提供 Web Analytics，登录自己的 cloudflare 大盘，选择左边栏的 分析和日志 -> Web Analytics ，然后点击 添加站点

配置自己的站点地址，如果站点是通过 cloudflare 托管的，支持 自动设置，不需要自己手动添加 js 代码块在 html 中了

配置完成之后返回 Web Analytics 页面，然后访问自己的博客地址，等几分钟就可以查看到网站的访问信息了

busuanzi

除了 Jekyll 或者主题提供的网站分析之外，还可以利用 busuanzi 手动在网站的页面中配置访问量统计，参考这里

在页面的 html 文件中的合适位置添加如下代码：

本站总访问量<span id="busuanzi_value_site_pv"></span>次
本站访客数<span id="busuanzi_value_site_uv"></span>人次
本文总阅读量<span id="busuanzi_value_page_pv"></span>次

如果您和我一样使用 chirpy 主题，可以在根目录下的 _include/footer.html 文件中的合适位置添加以下内容：

<p>
  <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
  </script>
  [本站总访问量<span id="busuanzi_value_site_pv"></span>次]
  [本站访客数<span id="busuanzi_value_site_uv"></span>人次]
  [本文总阅读量<span id="busuanzi_value_page_pv"></span>次]
</p>

总结

可以利用 Google、cloudflare 分析统计网站的流量，也可以利用 busuanzi 统计网站的访问量。