Loading

为你的博客添加访问统计

在我另外一篇博客「搭建个人博客,也可以很简单」中介绍了如何配置我们专属的个人博客。

有时候作为博客站长,在对你的博客进行「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 格式,找不到请参考下属方式找到:

  1. 访问 https://analytics.google.com/
  2. 点击左下角 Admin
  3. 为你的博客添加属性
  4. 标准参数选择完毕后点击 高级设置
  5. 勾选 Create a Universal Analytics property
  6. 创建完毕即可找到 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,若侵犯您的权力请联系我进行删除。

posted @ 2021-04-13 20:50  DIO'  阅读(267)  评论(0编辑  收藏  举报