在国内互联网初期,网站统计分析工具是五花八门,对于所有站长来说也并不陌生。Google Analytics应该也是当今互联网中使用最为广泛的统计分析工具。但是它在国内因为不可抗力的原因,使用起来并不方便,取而代之的是百度统计、CNZZ、51la三分天下的情形。统计分析工具可以通过在网页中嵌入追踪代码,来帮我们收集流量来源,分析转化率、跳出率等重要指标。

第三方网站统计分析工具功能虽然强大,也能够满足大部分站长的需求,但因为树大招风,这类工具的嵌入脚本基本都被各类去广告软件盯得死死的,完全不能发挥出应有的作用。Umami可以当作是Google Analytics的精简版的解决方案,它免费且开源,非常适合中小型网站的统计分析。正因为掌握在自己手上,用于应对去广告软件自然不在话下。

Umami官方展示数据

数据库

Umami支持MySQL和PostgreSQL数据库,选择自己喜欢的数据库进行数据初始化即可。下面是几个免费的数据库服务,这里选择的是ElephantSQL,当然,并不限于这些。

这里提供两种PostgreSQL的教程,二选一即可,大家反馈Supabase速度更快一些,所以推荐Supabase

Supabase

打开Supabase,推荐使用Github登录。登陆成功后,创建一个新的项目New project->personal

  • Name:随意
  • Database Password:建议点击Generate a password生成
  • Region:建议漂亮国,因为Vercel的免费服务器在漂亮国
  • Pricing Plan:Free白嫖

创建成功后,打开菜单Project Setting -> Database -> Connection string -> URI,如下图:

Supabase 数据库实例

找到URIpostgresql://postgres:[YOUR-PASSWORD]@db.abcdefghijklmnopqrstuvwxyz.supabase.co:5432/postgres,其中[YOUR-PASSWORD]替换为密码,复制待用。

打开菜单SQL Editor -> New query,执行数据库初始化脚本

ElephantSQL

打开ElephantSQL,推荐使用Github登录,创建一个新的实例。Plan选择Tiny Turtle(Free)、Region随意,提交创建。

ElephantSQL 数据库实例

打开刚刚创建的示例,找到URLpostgres://ydmeptjz:***@tiny.db.elephantsql.com/ydmeptjz,复制待用。

打开实例的Browser页面,执行数据库初始化脚本

部署

打开Vercel,同样推荐使用Github登录,然后点击这里,用来Fork Umami项目。等待Fork创建完成后,需要配置三个环境变量:

  • DATABASE_URL:粘贴上一步的数据库链接;
  • HASH_SALT:任意字符串,推荐这里生成一串UUID,不用记住;
  • TRACKER_SCRIPT_NAME:任意字符串,推荐这里生成一串UUID,需要记住;

配置完成后点击Deploy开始部署,部署过程大概两分钟,部署成功后会有一个彩纸的喜庆页面。

部署成功

配置

进入Vercel分配的网址登录,默认用户名admin和密码umami,进入后第一时间修改密码。

进入后台设置页面,创建一个新的站点,获得站的嵌入脚本。嵌入脚本中的umima.js替换为刚刚的环境变量TRACKER_SCRIPT_NAME的值。这样的作用就是为了防止去广告插件把这段脚本给拦截。

嵌入脚本

效果

全部完成后,刷新一下网站,就可以在后台看到访客的访问记录了,非常的简单方便,还有其他的配置和玩法大家可以查看官方文档

查看效果