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

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

Han Analytics

项目地址：

Han Analytics

界面预览：

开始部署

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，
   然后在下方展开 环境变量（高级） 点击 添加变量 以设置环境变量。
   环境变量说明：

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 的 以下 以上插入这段JS引入代码即可集成网站分析统计：

<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 提供了一致的响应时间。