Counterscale-使用CloudflareWorkers部署的免费网站数据统计工具,界面类似umami

Counterscale 是一个简单的 Web 分析跟踪器和仪表板,效果和 umami 类似,您可以在 Cloudflare 上自行托管。

它的设计易于部署和维护,即使在高流量的情况下,您的操作成本也应该接近于零(Cloudflare 的免费套餐可以支持每天高达 10 万次点击)。

关于 Umami 之前已经介绍过,想要部署的可以查看这篇文章:
使用 Vercel 部署 Umami,从零开始搭建一个免费的个人博客数据统计 – 膨胀自留地

图片alt

Counterscale 开源地址:https://github.com/benvinegar/counterscale

部署

创建 Cloudflare 帐户

如果您还没有 Cloudflare 帐户,请在此处创建一个:https://dash.cloudflare.com/sign-up

设置 Cloudflare Workers

登录后会自动跳转到您的 Cloudflare 仪表板

点击 Works 和 Pages 设置 Cloudflare Workers 子域

图片alt

为您的帐户启用 Cloudflare Analytics Engine beta

图片alt

创建token

创建 Cloudflare API 令牌。此令牌至少需要 Account.Account Analytics 权限。

图片alt

图片alt

图片alt

图片alt

本地打包部署

1、先将 Counterscale 代码下载到本地,

Counterscale 开源地址:https://github.com/benvinegar/counterscale

2、运行 npm install 安装所需的包

3、运行 npx wrangler secret put CF_BEARER_TOKEN

第一次运行会打开 cloudflare 网页授权,点击授权即可,之后会出现提示,粘贴您创建的 API 令牌

4、运行 npx wrangler secret put CF_ACCOUNT_ID

粘贴您的 Cloudflare 帐户 ID,账户 ID 在 workers 页面右侧有

5、运行 npm run deploy

这个命令会做两件事:

  • 创建一个新 workers:counterscale
  • 创建一个新的分析引擎数据集,名为 metricsDataset

命令执行完没有报错的话,现在应该已经上线了。稍等几分钟后访问 https://counterscale.{yoursubdomain}.workers.dev 应该可以看到如下界面

图片alt

点击右上角的 Dashboard 即可进入统计页面

图片alt

6、自定义域名(非必需)

如果你不想使用 workers 自带的子域,可以绑定自己的域名,关于域名绑定可以查看官方教程:https://developers.cloudflare.com/workers/configuration/routing/custom-domains/

添加网站

添加网站只需要将如下统计代码添加到网站页面上即可

<script>
    (function () {
        window.counterscale = {
            q: [["set", "siteId", "your-unique-site-id"], ["trackPageview"]],
        };
    })();
</script>
<script
    id="counterscale-script"
    src="https://counterscale.{yoursubdomain}.workers.dev/tracker.js"
    defer
></script>

请务必将 your-unique-site-id 替换为代表您的网站的唯一字符串/slug。也可以理解为设置一个唯一的站点 ID。

counterscale.{yoursubdomain}.workers.dev 需要设置为你自己的 workers 子域或者你设置的自定义域名

VIA

Counterscale-使用CloudflareWorkers部署的免费网站数据统计工具,界面类似umami – 膨胀自留地
https://wangtwothree.com/code/counterscale.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值