开源的网站统计服务——Umami。

l7XlsnY

根据官网介绍,Umami 是一款简单、易用、美观、轻量、快速、隐私、安全的开源免费网站统计工具,从部署到使用,都是简单、快速,体验也很满意。

官方文档介绍了多种部署方式,包括使用自己服务器,或者第三方平台,例如 Netlify、Heroku、Railway 等等,有些第三方平台一般都不提供数据库服务,本文将使用 Vercel 部署应用,Supabse、Heroku 两种方式提供数据库服务。

在使用前,先注册并登录好 GitHub、Vercel、Supabase或者Heroku 三个平台,并在 GitHub 平台 Fork Umami 的项目仓库。

GitHub:https://github.com/umami-software/umami
Vercel:https://vercel.com/
Supabase:https://supabase.com/

1、在 Supabase 建立数据库

在官网选择 Free 方案,进入 Create a new project 页面,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,并保存到记事本备用。

8IlGD7D

等待数据库建立,需要几分钟的时间。

建立之后,点击左下方的 Project Settings,选择 Database,找到 Connection string 中的 URL 一栏,复制内容,并将 [YOUR-PASSWORD] 替换为上一步生成的密码,稍后会用到。

XCjcW6h

Supabase 平台的操作就结束了。

2、在 Vercel 部署 Umami

登录 Vercel 之后,点击右上角 Add New Project,并导入事先 Fork 的项目仓库。

b8zxWkC

pleORoA

在 Configure Project 中需要设置两个环境变量(Environment Variables)。

KikUACO

分别添加

DATABASE_URL

HASH_SALT

TRACKER_SCRIPT_NAME

DATABASE_URL 是上一步在 Subabase 复制的 URL,记得替换自己的 Password;
HASH_SALT 需要自己随意生成一长串字符串。

使用官方的脚本名称,可能会被一些过滤规则拦截,因此我们可以自定义脚本名称,实现更准确地网站数据追踪。

配置自定义脚本名称,官方也提供了便捷的修改方式,可以在 Vercel 中已经部署的 umami 服务中增加 TRACKER_SCRIPT_NAME 环境变量,配置为自定义名称。

qELl3Vb

最后点击 Deploy,等待两分钟。

iz2rM70

3、自定义域名

由于 Vercel 提供的域名在大陆无法访问,所以如果是想大陆流畅访问,建议绑定一个自己的域名。

1、在自有域名的 DNS 服务中添加一条记录,选择 CNAME 类型转发,记录值填写为:cname.vercel-dns.com

2、然后在 Vercel 中找到 umami 项目,点击 Settings 标签卡,跳转页面后点击左侧的 Domains 菜单项,输入你自己定义的域名点击 Add 按钮即可。

BfZYoev

4、使用 Umami

按照上述步骤,Umami 已经部署成功了,点击 Dashboard 或分配的 Vercel 域名访问服务,可以看到 umami 的登录界面。

2xQiUHi

默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,完成基础帐号配置后,点击侧边栏网站 Tab,点击添加网站,然后就可以添加网站了。

d0DvDhe

提示:如果需要删除网站,先将语言切换至 English,中文状态无法删除。

5、配置 UMAMI 脚本至个人博客网站

网站创建完成,点击编辑按钮,选择跟踪代码,获取 umami 脚本。

获取后,在个人网站添加 umami 脚本即可,配置完成部署,即可开始追踪网站数据。