利用 Cloudflare 搭建网站访客分析程序

Han-Analytics 是一个简单的网络分析跟踪器和仪表板,托管在被称为赛博菩萨的 Cloudflare 上,无成本稳定运行,每天可达10万次免费统计。
域名、服务器还是数据库?通通都不需要! 托管在 Cloudflare Pages 上即可快速部署可靠的网站分析仪表板。

Han Analytics

项目地址:
Han Analytics

界面预览:
analytics-vvhan-com

点击体验

开始部署

  1. 登录到 Cloudflare Dash,没有 Cloudflare 账户的请免费创建一个。

  2. 点击菜单 Workers 和 Pages,找到右侧的 分析引擎 点击并启用分析引擎,如图。

  3. 回到 Workers 和 Pages 页面,再次查看右侧边栏,找到 帐户 ID,复制备用。

  4. 用户 API 令牌 处创建一个 API 令牌,
    点击 创建令牌,在底部选择 自定义令牌开始使用
    (1) 设置 令牌名称,名称随意,您可以识别的名称即可。
    (2) 在 权限选择项目,选择 账户分析,然后权限设置为 读取,点击底部的 继续以显示摘要,然后点击 创建令牌
    点击 Copy 复制备用。

  5. Fork 分叉此项目 Han Analytics 到自己的 GitHub 账户。

  6. 再次回到 Workers 和 Pages 页面,点击 创建 按钮,然后选择 Pages,点击 链接到 Git,然后绑定您的 GitHub 账户。

  7. (1) 接下来在页面中选择一个存储库,如果您在前面 Fork 分叉了此项目,则名称应该是 HanAnalytics,请选择它,并点击 开始设置
    (2) 在项目开始设置页面,您需要设置 框架预设Vue
    然后在下方展开 环境变量(高级) 点击 添加变量 以设置环境变量。
    环境变量说明:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    CLOUDFLARE_ACCOUNT_ID = [您在第3步获取的帐户ID]

    CLOUDFLARE_API_TOKEN = [您在第4步获取的API令牌]

    # 网站访问密码 (不设置即无需密码访问)
    CLOUDFLARE_WEBSITE_PWD =

    # 网站统计白名单,格式: [域名],[网站唯一标识]|[域名],[网站唯一标识]
    # 多个站点使用 | 分隔 例如:example.com,ExampleCom|example.net,ExampleNet (不设置即允许任何统计)
    CLOUDFLARE_WEBSITE_WHITELIST =

    (3) 然后点击 保存并部署,这时马上大功告成!

  8. Workers 和 Pages 页面,找到您刚刚部署的项目,比如 HanAnalytics-xxx
    点击进入项目设置页面,再点击 设置,然后选择 绑定,点击 添加,选择 Analytics Engine
    输入 变量名称AnalyticsBinding,输入 数据集AnalyticsDataset,然后点击下方的保存。

  9. 回到项目的 部署 页面,在 所有部署 中,点击行部署信息右边的三个点 ···,点击 重试部署,大功告成!
    然后等待部署完成即可,这时您可以访问您的项目的地址以查看项目页面,在项目的 部署 页面的 有写分配给当前项目的域名。

集成使用

在网站 HTML 的 <body> 以下 </body> 以上插入这段JS引入代码即可集成网站分析统计:

1
<script src="https://example.com/tracker.min.js" data-website-id="[网站唯一标识]" defer></script>

其中的 example.com 请换成您在最后一步获取的免费域名,或者您的自定义域名即可。

Analytics Engine

关于网站访客数据统计的显示可能会有一定的延迟,请耐心等待,作者测试一般也不会有长时间的延迟。


Workers Analytics Engine (简称 Analytics Engine)是提供给开发人员的一个新工具,用于存储和分析有关使用 Cloudflare Workers 的时间序列分析信息,现正公测!
Analytics Engine 非常擅长从 Cloudflare Workers 收集高基数和大容量数据集的时间序列数据。

Analytics Engine 使用 Cloudflare 的 ABR 技术来快速进行查询。这意味着每个查询都由与查询匹配的数据的分辨率来满足。例如,如果我们查看上个月的数据,我们可能会使用比查看最近一个小时的数据分辨率更低的 Analytics Engine 数据版本。较低分辨率的数据将提供正确的答案,但将在交互窗口内响应。通过使用相同数据的多种不同分辨率,ABR 提供了一致的响应时间。

摘自:https://blog.cloudflare.com/zh-cn/analytics-engine-open-beta/


利用 Cloudflare 搭建网站访客分析程序
https://molikaihe.pages.dev/posts/d2fa101b
作者
墨离
发布于
2024年12月21日
许可协议