Web分析统计：Han-Analytics，基于CF-Pages

项目地址：uxiaohan/HanAnalytics: 一个简单的网络分析跟踪器和仪表板，在 Cloudflare Pages 上即可快速部署的网站分析仪表板,无成本稳定运行

项目介绍

Han-Analytics 是一个简单的网络分析跟踪器和仪表板，托管在 Cloudflare Pages 上

软件截图

安装部署

1.Fork 仓库

2.登录 Cloudflare 并创建 Pages 项目 ，链接Github仓库，选择刚刚 Fork 的项目，架构选择Vue，填入环境变量（环境变量含义如下），部署即可。

3.cloudflare pages 部署完成后，在项目的设置中配置绑定，添加Analytics Engine，变量名称填写AnalyticsBinding，数据集填写AnalyticsDataset并保存，重新部署！

4.重新部署完成后，访问 https://xxxxxx.pages.dev 即可访问网站分析仪表板。

注意：部署成功后，首次打开页面没有数据，请尽快集成到自己的网站并出现有效访问后，再次打开页面即可看到数据！

环境变量说明

# Cloudflare Workers ID
CLOUDFLARE_ACCOUNT_ID = 你的 Cloudflare Workers ID

# 你的 Cloudflare API token
CLOUDFLARE_API_TOKEN = 你的 Cloudflare API token

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

# 可统计的白名单 格式：  域名,WebSite|域名,WebSite，多个站点使用|分隔 例如：api.vvhan.com,Hello-Han-Api|www.vvhan.com,Hello-HanHexoBlog  (不设置即允许任何统计)
CLOUDFLARE_WEBSITE_WHITELIST = 

Work ID位置

API token位置

绑定

# 变量名
AnalyticsBinding
# 数据集
AnalyticsDataset

集成使用

// 在网站底部插入以下代码即可集成网站分析仪表板
<script defer src="https://xxxxxx.pages.dev/tracker.min.js" data-website-id="自定义网站唯一标识"></script>

相关说明

数据问题一般是由于 Cloudflare Analytics Engine 无法访问网站导致的，请确保网站可以正常访问，并且 Cloudflare Analytics Engine 已经开启。

使用 Cloudflare Analytics Engine 数据集，它完全通过 HTTP 使用 Cloudflare 的 API 进行通信，数据完全来源于 Cloudflare Analaytics Engine 数据集中读取 Cloudflare Analytics Engine 使用抽样技术，以可承受的规模化方式实现大量数据提取/查询（请参阅Google Analytics 上的抽样）。