使用google anaytics统计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 加速

  • 创建一个worker
  • 把下面的代码粘贴进worker
    https://raw.githubusercontent.com/SukkaW/cloudflare-workers-async-google-analytics/master/worker.js

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

  • 在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，就表明生效了