网站建立起来后,如果我们需要知道网站每天的 PV 和 UV,最受欢迎的文章等信息的话,岀需要设置网站的统计服务。国内网站目前用的最多的网站统计服务应该是 Google Analytics 和百度统计两大类。本文简单的说下这两种服务的设置流程。
Google Analytics
目前 Google Analytics 使用 gtag.js 发送的数据,而 Docusaurus 刚好提供了 plugin-google-gtag 插件,因此很简单就能设置 Google Analytics,过程如下:
- 点击 Google Analytics,登录 Google 账户,点击开始衡量,设置账号。
- 在账号开设页面,输入账号名称,勾选Google 产品和服务,点击下一项。
- 在媒体资源设置页面,设置网络媒体资源名称,点击下一步。
- 在关于您的商家页面,根据情况选择行业类别,企业规模,并选择使用 Google Analytics 的目的,再点击创建即可。
- 设置数据流。这里笔者选择网站,在弹出的对话框中填写网站网址和数据流名称,点击创建数据流,此时会得到衡量 ID。
- 在 Docusaurus 站点目录下执行
npm install --save @docusaurus/plugin-google-gtag
命令安装plugin-google-gtag
。 - 在
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,
},
],
};
重新上线,在代码管理/代码安装检查页面点击开始检查 ,若成功则会显示代码安装正确