blog的诞生系列-3:使用GA统计cfblog文章并使用cdn加速GA


[TOC]

在通常情况下为你的博客加入信息统计很简单,你只需要在博客的 <head> 标签的尾部插入各站长工具提供的 H5 代码就好了。但是 Google Analysis 略有所不同。使用 Google Analysis 做统计就有点麻烦,首先analytics.google.com这个域名不仅被国内阻挡,而且早就上了各家广告屏蔽网站的花名册。

因此我们要做的就是使用cdn加速这个域名,使可以统计国内流量,而且还可以过广告屏蔽。

创建一个 Universal Analytics property

谷歌默认的是 GA4 property,这个不仅不通用,而且不适应我们的脚本。

首先创建账号,点击下一步

这里是关键,有个高级选项点开,创建Universal Analytics媒体资源打开。

后面就正常走就ok,最后看到有2个熟悉,一个UA的,一个GA4的

我们要记下UA的id,格式类似于UA-XXXXXX-Y.

使用cloudflare worker 加速

1 创建一个worker

把下面的代码粘贴进worker

  https://raw.githubusercontent.com/SukkaW/cloudflare-workers-async-google-analytics/master/worker.js

记住这个woker的名字一定不要使用Google analysis这个字眼,很多屏蔽软件有关键字匹配

2 在codeBeforHead添加如下代码

<script>
window.ga_tid = "UA-XXXXX-Y"; // {String} The trackerID of your site.
window.ga_api = "你的woekr的地址"; // {String} The route of your cloudflare workers you just registered before.
</script>
<script src="https://cdn.jsdelivr.net/npm/cfga@1.0.3" async></script>

发布到你的网页之后,network搜一下你的worker的地址,如果status显示为204,就表明生效了