为你的博客添加访问统计
在我另外一篇博客「搭建个人博客,也可以很简单」中介绍了如何配置我们专属的个人博客。
有时候作为博客站长,在对你的博客进行「SEO」后,你可能想要知道自己的哪些博文被人阅读的次数最多
很让人高兴的是很多公司都提供了一套完整的站长工具,供你查询你的博客的访问情况,例如百度、谷歌等等。
但是就我个人而言,非常不喜百度站长需要提供身份证验证站长个人信息的行为,因此我偏向于让「Google Analysis」进行对我的网站进行统计。
简述
在通常情况下为你的博客加入信息统计很简单,你只需要在博客的 <head>
标签的尾部插入各站长工具提供的 H5 代码就好了。但是 Google Analysis 略有所不同
使用 Google Analysis 对比其他站长工具,例如百度站长,这不是没有缺点的。你需要知道谷歌提供的该服务在中国是被阻断的,因此你需要对 Google Analysis 进行 CDN 加速。
加速是如何实现的
国内不乏非常多优秀的 CDN,Cloudflare 作为一家国外的 CDN,其与百度有合作,因此在国内有数个 CDN 服务器,虽然偶尔抽风,但是在我介绍如何搭建个人博客这篇文章中都用了 Cloudflare 托管博客,那不如这里依旧使用 Cf 进行加速。
正常情况下我们加入一下标签到 <head>
标签尾部插入一下代码即可:
<script>
window.ga_tid = "UA-XXXXX-Y"; // {String} The trackerID of your site.
window.ga_api = "https://example.com/xxx/"; // {String} The route of your cloudflare workers you just registered before.
</script>
同时配置好我们想要发送的信息到 Google,
令人赞叹的是 @SukkaW 大佬为我们写好了这个基于 Cloudflare 加速的 js 代码,
在完成上一步的基础上,我们再次添加到以下标签到上述代码的后面即可:
<script src="https://cdn.jsdelivr.net/npm/cfga@1.0.3" async></script>
请放心,你应该可以看出 SukkaW 大佬已经在上述标签后面加有
async
标签,统计信息请求发送是异步的,这不会拖慢博客的访问速度。
将部署服务配置到服务器上
很遗憾 Google Analysis 本身并不是 Serverless 的,它需要配置到你的服务器上,需要你的服务器能连接到 Google。
-
如果你拥有一台服务器满足上述条件,可以开一个 Docker 配置一个持久的 Nodejs 服务,执行下属脚本即可:
https://raw.githubusercontent.com/SukkaW/cloudflare-workers-async-google-analytics/master/worker.js
-
没有的话也很简单,Cloudflare 为我们提供了 Workers,这是 Cloudflare 提供的 Serverless 的服务。
题外话:Cloudflare 并不是没有储存空间,它提供了 KV 服务,每个用户拥有至多 1G 的存储容量。
你可以在 Cloudflare 中点击并新建一个 Workers,然后都左边的
Script
中粘贴上述 js 脚本。右边的 Get 请求可以修改你自己的 Workers 的命名,请注意不要用
Google analysis
作为关键字,在诸如 Origin Block 等拦截插件中该请求会被屏蔽。推荐使用ga
替代Google analysis
。例如我的是
https://ga.2to.workers.dev
点击保存并发布即可。
部署到博客
遵循 #1 中操作往你的博客加入两个 <script>
标签后发布你的博客,发布。
请记住替换你的 Tracking ID 以及你的博客的地址,
发布博客后可以上到上述标签,返回请求状态码
204
即正常
注意
你的 Tracking ID
应当一定对应 UA-XXXXX-Y
格式,找不到请参考下属方式找到:
- 访问 https://analytics.google.com/
- 点击左下角
Admin
- 为你的博客添加属性
- 标准参数选择完毕后点击
高级设置
- 勾选
Create a Universal Analytics property
- 创建完毕即可找到 Tracking ID
其他
本博文的操作是阅读 @SukkaW 的文章后按照教程结合我个人理解的实际操作。
更多用法推荐阅读 The Cloudflare Workers implementation of an async Google Analytics
相关地址:使用 Cloudflare Workers 加速 Google Analytics | Sukka's Blog (skk.moe)
文章授权遵循 CC BY-NC-SA 4.0,若侵犯您的权力请联系我进行删除。