zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

2023-03-31 10:28:37 时间
一、统计网站流量

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

二、注册百度账号
  • 注册地址: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项目即可。
四、查看流量
  • 回到第二步登录的百度后台 --> 管理页面 --> 点击 首页代码状态 --> 刷新 --> 显示 代码安装正确
  • 表示完成,这样就可以点击 主页查看网站流量信息。
五、参考文档