利用 Cloudflare 搭建网站访客分析程序
Han-Analytics 是一个简单的网络分析跟踪器和仪表板,托管在被称为赛博菩萨的 Cloudflare 上,无成本稳定运行,每天可达10万次免费统计。
域名、服务器还是数据库?通通都不需要! 托管在 Cloudflare Pages 上即可快速部署可靠的网站分析仪表板。
Han Analytics
项目地址:
Han Analytics
界面预览:
开始部署
登录到 Cloudflare Dash,没有 Cloudflare 账户的请免费创建一个。
点击菜单
Workers 和 Pages
,找到右侧的分析引擎
点击并启用分析引擎,如图。回到
Workers 和 Pages
页面,再次查看右侧边栏,找到帐户 ID
,复制备用。在 用户 API 令牌 处创建一个 API 令牌,
点击创建令牌
,在底部选择自定义令牌
的开始使用
,
(1) 设置令牌名称
,名称随意,您可以识别的名称即可。
(2) 在权限
的选择项目
,选择账户分析
,然后权限设置为读取
,点击底部的继续以显示摘要
,然后点击创建令牌
,
点击Copy
复制备用。Fork 分叉此项目 Han Analytics 到自己的 GitHub 账户。
再次回到
Workers 和 Pages
页面,点击创建
按钮,然后选择Pages
,点击链接到 Git
,然后绑定您的 GitHub 账户。(1) 接下来在页面中选择一个存储库,如果您在前面 Fork 分叉了此项目,则名称应该是
HanAnalytics
,请选择它,并点击开始设置
。
(2) 在项目开始设置页面,您需要设置框架预设
为Vue
,
然后在下方展开环境变量(高级)
点击添加变量
以设置环境变量。
环境变量说明:1
2
3
4
5
6
7
8
9
10CLOUDFLARE_ACCOUNT_ID = [您在第3步获取的帐户ID]
CLOUDFLARE_API_TOKEN = [您在第4步获取的API令牌]
# 网站访问密码 (不设置即无需密码访问)
CLOUDFLARE_WEBSITE_PWD =
# 网站统计白名单,格式: [域名],[网站唯一标识]|[域名],[网站唯一标识]
# 多个站点使用 | 分隔 例如:example.com,ExampleCom|example.net,ExampleNet (不设置即允许任何统计)
CLOUDFLARE_WEBSITE_WHITELIST =(3) 然后点击
保存并部署
,这时马上大功告成!到
Workers 和 Pages
页面,找到您刚刚部署的项目,比如HanAnalytics-xxx
,
点击进入项目设置页面,再点击设置
,然后选择绑定
,点击添加
,选择Analytics Engine
,
输入变量名称
为AnalyticsBinding
,输入数据集
为AnalyticsDataset
,然后点击下方的保存。回到项目的
部署
页面,在所有部署
中,点击行部署信息右边的三个点···
,点击重试部署
,大功告成!
然后等待部署完成即可,这时您可以访问您的项目的地址以查看项目页面,在项目的部署
页面的域
有写分配给当前项目的域名。
集成使用
在网站 HTML 的 <body>
以下 </body>
以上插入这段JS引入代码即可集成网站分析统计:
1 |
|
其中的 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/。