前言

当我们用心搭建和维护一个博客时，总是希望了解它的访问情况。比如，有多少人访问了我的网站？他们来自哪里？他们对哪些文章最感兴趣？

要回答这些问题，我们就需要一个网站分析工具。百度统计是中国市场占有率最高的网站分析平台之一，它功能强大且完全免费，是个人博客站长的绝佳选择。

本文将以 Hexo 博客为例，详细介绍如何接入百度统计，让你对自己的网站了如指掌。

第一步：注册并获取统计代码

在开始之前，你首先需要有一个百度账号，并开通百度统计服务。

  1. 访问百度统计官网：https://tongji.baidu.com/

  2. 登录/注册：使用你的百度账号登录。如果没有账号，请先注册。

  3. 新增网站：在管理页面，选择“网站中心” -> “新增网站”，填写你的博客域名和网站首页地址。

新增网站

  1. 获取跟踪代码：填写完毕后，百度统计会为你生成一段专属的 JavaScript 跟踪代码。这段代码就是连接你的博客和百度统计服务器的桥梁。

    代码通常长这个样子：

    1
    2
    3
    4
    5
    6
    7
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; // 这里是你的唯一ID
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();

    请务必完整复制你自己的代码，特别是 hm.js? 后面的那串由32个字符组成的 key，这是你网站的唯一标识。

第二步：将代码添加到你的博客

获取到代码后，我们需要将它插入到博客的每一个页面中。对于 Hexo 博客，通常有两种方法。

方案一：通过主题配置文件（推荐）

现在主流的 Hexo 主题（如 Butterfly, Next 等）都内置了对各种分析工具的支持，你只需要在主题的配置文件中填入你的ID即可。这是最优雅、最推荐的方式，因为它不会在主题更新时被覆盖。

以你正在使用的 butterfly 主题为例：

  1. 打开主题配置文件：找到并打开 themes/butterfly/_config.yml 文件。

  2. 查找分析相关配置：在配置文件中搜索 analysis 或者 baidu_analytics 关键字。

  3. 填入你的ID：找到 baidu_analytics 字段，将从百度统计获取到的 key (也就是 hm.js? 后面的那32位字符串) 填入。

    1
    2
    3
    # Baidu Analytics
    # https://tongji.baidu.com/
    baidu_analytics: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx # 粘贴你的 key 到这里

  4. 保存文件即可。主题会自动将完整的JS代码注入到页面的正确位置。

方案二：直接修改布局文件（不推荐）

如果你的主题没有提供对百度统计的直接支持，或者你想自定义插入位置，可以选择手动修改布局文件。

  1. 找到公共布局文件：通常是负责生成页面 <head> 或 <footer> 部分的文件。在 butterfly 主题中，一个合适的位置是 themes/butterfly/layout/includes/footer.pug 的末尾，或者在 themes/butterfly/layout/includes/additional-js.pug 中添加。

  2. 插入完整代码：将第一步从百度统计官网复制的完整 JavaScript 代码，粘贴到文件的末尾。

    例如，在 additional-js.pug 中添加：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    //- Baidu Analytics
    script.
      var _hmt = _hmt || [];
      (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
        var s = document.getElementsByTagName("script")[0]; 
        s.parentNode.insertBefore(hm, s);
      })();

    注意：这种方法的缺点是，当你更新主题时，你的修改可能会被覆盖，需要手动恢复。

第三步：部署与验证

代码添加完成后，需要重新生成并部署你的博客。

1
hexo clean && hexo g && hexo d

部署成功后，等待大约20分钟左右，回到百度统计的官网，进入“网站中心”，找到你的网站，点击“代码安装检查”。如果看到“代码安装正确”的提示，那就大功告成了！

插件截图

之后，你就可以在百度统计的报告中，看到你博客的详细访问数据了。

结语

通过以上三个简单的步骤，你的博客就成功接入了百度统计。数据分析是网站运营的重要一环，希望这个工具能帮助你更好地了解你的读者，创作出更受欢迎的内容。快去探索百度统计强大的后台功能吧！