零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

这个项目是经过自己实践过的,如果你有自己的网站或者是博客以及小站点的话,推荐你自己搭建一个属于自己的统计网站。

今天需要用的到几个网站是:Vercel、Supabase、Umami

这3个网站都是可以在谷歌浏览器上直接搜索出来的。我就将这个3个网站直接贴出来,直接复制到浏览器即可。

https://supabase.com/

https://vercel.com/

https://github.com/umami-software/umami

最重要的就是 Umami 这个github项目。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

这个项目有 16.1k stars 以及 2.8k forks。

好,开始整。

1、首先在 Supabase 建立数据库

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

在 Supabase 官网上选择免费方案,点击开始之后,来到登录的页面,直接选择 github 登录。没有账号的可以先去创建github账号。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

之后进入到创建项目的页面,按照相关的要求填写即可,名字随便填写,数据库密码自己随便填写,但是需要记得,等下需要用上,也可以用谷歌浏览器自动生成的密码。也可以点击下面的 Generate a password 将生成的密码复制下来。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

密码填好之后,点击创建项目,等个十几秒项目就创建好了。创建好之后,点击项目管理,然后点击数据库,找到 Connection string 中的URL栏目,复制内容,将 [YOUR-PASSWORD] 换成你刚才生成的密码,记得将括号去掉,直接填写密码, 就生成了一个新的链接。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

好了,在这个平台的操作就完成了。

2、在 Vercel 上部署 Umami

vercel 这个工具算是老朋友了,之前也是在这个工具上部署过其他的项目。首先也是登录这个网站,之后点击创建项目,之后来到一个新的页面

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计
零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

然后再看看你的也页面是否有这个项目。如果没有的话就去 github上 forks。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

之后点击 import

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

配置环境变量

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

在这里需要配置分别添加 DATABASE_URL 和 HASH_SALT。前者是上一步在 Supabase 复制的 URL,记得替换自己的 Password;后者需要自己随意生成一长串字符串自己随便填写也是可以的。最后点击 Deploy。之后等待几分钟就可以了

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

创建好之后来到这个页面,这个时候差不多就创建成功了。之后就是绑定域名和将跟踪代码放到网站上去。点击添加域名。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计
零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

这里一般都是填二级域名,二级域名的解析一般是 CNAME 解析,记录值填写 Vercel 给的就可以。之后等待几分钟就可以访问你的统计网站了。

3、使用 Umami

按照上面的步骤操作基本上就能创建好一个属于自己的统计网站,通过绑定的域名进入网站。默认的用户名和密码分别是 admin 和 Umami 进入后台之后先去改密码。改完密码之后就可以绑定自己的网站。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

添加之后点击编辑,点击跟踪代码,复制这串代码。

零成本自建一个umami统计网站 从此告别免费和付费的网站应用统计

之后来到网站或者应用的后台,你可以直接在网站的模板中加上这段代码。

这样就安装好了,之后就可以通过你自己搭建的统计网站,查看你自己的网站的数据了。

以上就是搭建一个统计网站的全部教程,如果你遇上问题,可以在评论区留下相关信息。希望能帮助到你。

本文来自《今是昨非》,经本网转载发布,本文观点不代表《中国IPv6网》立场,转载请联系原作者。

(0)
中国IPv6网的头像中国IPv6网
上一篇 2023年8月26日 下午2:20
下一篇 2023年9月10日 上午2:34

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注