VuePress博客优化之添加数据统计功能

2023-11-19 14:54:21

优化博客的第一步，就是添加数据统计功能。

数据统计功能可以帮助我们了解到用户的使用情况，比如说每篇文章的阅读量，每个页面的浏览量，博客每天独立访客的数量，文章来源的分析，等等。使用这些数据，我们可以有的放矢地去优化自己的博客，让更多的人看到我们优质的文章。

添加数据统计功能的方法有很多，这里我们介绍两种最常用的方法：

Google Analytics

Google Analytics 是谷歌公司推出的免费数据统计工具，它是目前全球最流行的数据统计工具之一。Google Analytics 可以提供非常详细的数据统计报告，包括但不限于：

* 页面浏览量
* 独立访客数量
* 平均停留时间
* 跳出率
* 来源分析
* 用户行为分析

百度统计

百度统计是百度公司推出的免费数据统计工具，它是目前国内最流行的数据统计工具之一。百度统计可以提供非常详细的数据统计报告，包括但不限于：

* 页面浏览量
* 独立访客数量
* 平均停留时间
* 跳出率
* 来源分析
* 用户行为分析

这两种数据统计工具都可以通过简单的代码嵌入到我们的博客中。

Google Analytics 的嵌入代码如下：

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXX');
</script>

百度统计的嵌入代码如下：

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