#编程技术 2024-05-26 17:40:00 | 全文 856 字，阅读约需 2 分钟 | 加载中... 次浏览

👋 相关阅读

• 如何使用Cloudflare Email Routing创建域名邮箱免费发送邮件
• 使用Cron定时更新Hosts解决Gihub无法访问问题
• 封装一个最简单的Axios，避免过度封装！
• 容器化MariaDB/Mysql实现定时备份
• JetBrains全家桶许可证服务器怎么找，JetBrains激活教程

---

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

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

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

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

部署

创建 Cloudflare 帐户

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

设置 Cloudflare Workers

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

点击 Workers 和 Pages 设置 Cloudflare Workers 子域

为您的帐户启用 Cloudflare Analytics Engine beta

创建token

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

本地打包部署

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 应该可以看到如下界面

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

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 子域或者你设置的自定义域名

---

© 2023 膨胀自留地 ｜ 鲁ICP备2021021876号-2 | SiteMap | RSS
Powered by Hugo 0.121.0. 247 articles in total. Last Update：2025-07-23 10:02:48

×