【開源】HanAnalytics訪問分析Web統計託管於（Cloudflare Pages）
發佈於 | 分類於 Code
:::note Han-Analytics 是一個簡單的網絡分析跟踪器和儀表板，託管在被稱為賽博菩薩的 Cloudflare 上,無成本穩定運行,每天可達10萬次免費統計。 域名、服務器、數據庫 通通都不用! 託管在 Cloudflare Pages 上即可快速部署網站分析儀表板。 :::
頁面截圖
::btn[點擊體驗]{link="https://analytics.vvhan.com/"}
項目地址
::btn[HanAnalytics - Github]{link="https://github.com/uxiaohan/HanAnalytics" type="success"}
部署
- 登錄到 Cloudflare Login，沒有的註冊一個 Cloudflare SignUp
- 點擊 Workers 和 Pages 隨便創建一個 workers 並開啟 分析引擎，然後複製 workers ID 備用。
- 創建一個 Cloudflare API token 備用。
- Fork 項目到自己的 Github 賬戶備用。
- 登錄 Cloudflare 並創建 Pages 項目 ，鏈接Github倉庫，選擇剛剛 Fork 的項目，架構選擇Vue，填入環境變量（環境變量含義如下），部署即可。
- Cloudflare pages 部署完成後，在項目的
設置中配置綁定，添加Analytics Engine，變量名稱填寫AnalyticsBinding，數據集填寫AnalyticsDataset並保存，重新部署！。 - 重新部署完成後，訪問
https://xxxxxx.pages.dev即可訪問網站分析儀表板。（注意：首次部署生成的域名可能需要幾分鐘時間生效，請耐心等待） - 部署成功後，首次打開頁面沒有數據，請盡快集成到自己的網站並出現有效訪問後，再次打開頁面即可看到數據！
- 新增
密碼訪問及網站白名單，開啟密碼後，輸入密碼可訪問（默認無需密碼），網站白名單功能，加白的網站才可計入統計（默認任意網站都可統計）
環境變量說明
shell
# 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 =綁定
shell
# 變量名
AnalyticsBinding
# 數據集
AnalyticsDataset:::picture 
:::
:::picture 
:::
:::picture 
:::
集成使用
js
// 在網站底部插入以下代碼即可集成網站分析儀表板
<script defer src="https://xxxxxx.pages.dev/tracker.min.js" data-website-id="自定義網站唯一標識"></script>:::note 數據問題一般是由於 Cloudflare Analytics Engine 無法訪問網站導致的，請確保網站可以正常訪問，並且 Cloudflare Analytics Engine 已經開啟。 使用 Cloudflare Analytics Engine 數據集，它完全通過 HTTP 使用 Cloudflare 的 API 進行通信，數據完全來源於 Cloudflare Analaytics Engine 數據集中讀取 Cloudflare Analytics Engine 使用抽樣技術，以可承受的規模化方式實現大量數據提取/查詢（這類似於大多數其他分析工具，請參閱Google Analytics 上的抽樣）。您可以在此處詳細了解抽樣技術如何與 CF AE 配合使用。 :::
覺得有用？請我喝杯咖啡 ☕
如果文章對你有幫助，歡迎支持一下~
