Gatsby中使用百度统计功能来分析网站流量

一、统计网站流量

哪些人访问了网站？访问了那些网站哪些页面？访问者来自于哪个省市区？年龄多大？这些问题，可通过百度统计这个插件完成。

---

二、注册百度账号

• 注册地址：https://tongji.baidu.com/web/welcome/login

• 注册完成后 --> 登录 --> 管理页面 --> 新增网站 --> 填写网站域名等信息 --> 确认 。

• 跳出的页面会看到如下代码，其中 **** 部分是网站的32位标识，复制保存，后面要用。

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

---

三、Gatsby 项目

• 安装插件

  npm install --save gatsby-plugin-baidu-analytics
  

• 增加配置

  // gatsby-config.js
  plugins: [
    .
    .
    .
    {
      resolve: `gatsby-plugin-baidu-analytics`,
      options: {
        siteId: "这里替换成上面保存的32位网站标识",
      },
    },
    .
    .
    .
  ];
  

• 编译、更新gatsby项目即可。

---

四、查看流量

• 回到第二步登录的百度后台 --> 管理页面 --> 点击 首页代码状态 --> 刷新 --> 显示 代码安装正确
• 表示完成，这样就可以点击 主页查看网站流量信息。

---

五、参考文档

• Gatsby中使用百度统计功能来分析网站流量！