跳到主要内容

网站建立起来后,如果我们需要知道网站每天的 PV 和 UV,最受欢迎的文章等信息的话,岀需要设置网站的统计服务。国内网站目前用的最多的网站统计服务应该是 Google Analytics 和百度统计两大类。本文简单的说下这两种服务的设置流程。

Google Analytics

目前 Google Analytics 使用 gtag.js 发送的数据,而 Docusaurus 刚好提供了 plugin-google-gtag 插件,因此很简单就能设置 Google Analytics,过程如下:

  1. 点击 Google Analytics,登录 Google 账户,点击开始衡量,设置账号。
  2. 在账号开设页面,输入账号名称,勾选Google 产品和服务,点击下一项。
  3. 在媒体资源设置页面,设置网络媒体资源名称,点击下一步。
  4. 在关于您的商家页面,根据情况选择行业类别,企业规模,并选择使用 Google Analytics 的目的,再点击创建即可。
  5. 设置数据流。这里笔者选择网站,在弹出的对话框中填写网站网址和数据流名称,点击创建数据流,此时会得到衡量 ID。
  6. 在 Docusaurus 站点目录下执行 npm install --save @docusaurus/plugin-google-gtag 命令安装 plugin-google-gtag
  7. docusaurus.config.js 开启 gtag 配置:

docusaurus.config.js

module.exports = {
presets: [
[
'@docusaurus/preset-classic',
{
gtag: {
trackingID: 'G-xxxxxx', // 填写衡量 ID
anonymizeIP: true,
},
},
],
],
};

重新发布网站。 通过 Google's Tag Assistant 查看 gtag 是否设置成功

百度统计

点击百度统计并登录。 点击账户管理/网站列表/自有网站,点击新增网站,输入网站信息,点击添加,此时会跳转到代码获取页面。 复制统计代码,去掉首尾的 <script></script>,保存为文件 baidu.js(文件名任意),将其上传到 CDN 中,若 CDN 中开启了Referer 防盗链,还需要将 tongji.baidu.com 加入白名单。 编辑 docusaurus.config.js,设置 scripts:

docusaurus.config.js

module.exports = {
scripts: [
{
src: 'https://[CDN]/baidu.js', // 替换 CDN 为自己的 CDN 地址
async: true,
},
],
};

重新上线,在代码管理/代码安装检查页面点击开始检查,若成功则会显示代码安装正确