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

2021-12-02 09:01:37 浏览数 (5)
一、统计网站流量

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

二、注册百度账号
  • 注册地址：https://tongji.baidu.com/web/welcome/login
  • 注册完成后 --> 登录 --> 管理页面 --> 新增网站 --> 填写网站域名等信息 --> 确认 。
  • 跳出的页面会看到如下代码，其中 **** 部分是网站的32位标识，复制保存，后面要用。
代码语言：txt复制
<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 项目
  • 安装插件
代码语言：txt复制
  npm install --save gatsby-plugin-baidu-analytics
  • 增加配置
代码语言：txt复制
  // gatsby-config.js
  plugins: [
代码语言：txt复制
.
代码语言：txt复制
.
代码语言：txt复制
.
代码语言：txt复制
{
代码语言：txt复制
  resolve: `gatsby-plugin-baidu-analytics`,
代码语言：txt复制
  options: {
代码语言：txt复制
    siteId: "这里替换成上面保存的32位网站标识",
代码语言：txt复制
  },
代码语言：txt复制
},
代码语言：txt复制
.
代码语言：txt复制
.
代码语言：txt复制
.
代码语言：txt复制
  ];
  • 编译、更新gatsby项目即可。
四、查看流量
  • 回到第二步登录的百度后台 --> 管理页面 --> 点击 首页代码状态 --> 刷新 --> 显示 代码安装正确
  • 表示完成，这样就可以点击 主页查看网站流量信息。
五、参考文档
  • Gatsby中使用百度统计功能来分析网站流量！
网站建设

0 人点赞