Umami:可视化网站统计,基于Vercel部署

AI智能摘要
本文介绍了使用Umami进行网站数据可视化统计,并基于Vercel平台部署该服务的方法。首先,需要将官方项目fork至自己的GitHub账户,并在Vercel中导入。由于缺少环境变量,初次部署会失败。接着,创建Neon数据库并选择PostgreSQL,关联Umami项目后重新部署。部署成功后,使用初始账户admin/umami登录并修改密码,再添加要监控的网站域名。最后,通过将生成的script代码嵌入网站head部分,即可完成Umami的监控设置。
— 此摘要由AI分析文章内容生成,仅供参考。

Fork umami 项目

fork https://github.com/umami-software/umami 到自己的 github 账号

Umami:可视化网站统计,基于Vercel部署

Vercel 导入项目

Umami:可视化网站统计,基于Vercel部署
Umami:可视化网站统计,基于Vercel部署

Environment Variables 是必需的,需要添加 DATABASE_URL,先空着不填,

此处直接点击 Deploy 部署即可,由于没有提供环境变量,Vercel 会提示部署失败。

创建 Neon 数据库并关联 

切换到 Storage 面板,点击 Create Database

Umami:可视化网站统计,基于Vercel部署

umami 官方文档要求使用 PostgreSQL,所以此处我们选择 Neon 。

Umami:可视化网站统计,基于Vercel部署

地区可以选离你近的,比如SG,名称自定义,选 FREE计划,然后创建

Umami:可视化网站统计,基于Vercel部署

创建成功后,进入数据库页面,点击 Connect Project,连接刚才创建好的 umami 项目

Umami:可视化网站统计,基于Vercel部署

Vercel 重新部署

点击 umami 项目,进入 Deployments 面板,找到刚才部署失败的 deployment,点击 Redeploy 重新部署,大约需要几分钟时间。

Umami:可视化网站统计,基于Vercel部署

使用 umami

部署成功后,登录 umami 后台。初始账号密码:

  • UserName: admin
  • Password: umami

请一定修改账户密码!

增加监控网站

点击 Settings 面板,选择 Websites,点击 Add Website 按钮添加需要监控的域名。

添加 tracking code

点击 Edit,进入刚刚添加的网站,将 script 代码添加到网站的 <head></head> 中即可。

Umami:可视化网站统计,基于Vercel部署
👁
本文阅读 4 次

发布者:木木,转载请注明出处:https://blog.mmcoo.de/7815.html

赞 (0)
打赏 微信 微信 支付宝 支付宝
木木's avatar木木VIP用户
上一篇 2025 年 5 月 14 日 下午9:27
下一篇 2025 年 5 月 17 日 下午8:44

相关推荐

  • TimePulse : 一款现代化风格的计时器网页应用

    项目地址:致力于成为最漂亮的计时器应用。 项目介绍 TimePulse 是一个具有现代化 UI 和交互的计时器网页应用,支持多计时器管理、数据分享、用户数据同步、全屏展示等功能,可进行倒计时、正计时和显示世界时钟。采用玻璃态设计和流畅动画效果,提供极佳的视觉体验。 截图预览 功能特性 安装部署 Fork本项目,登录Vercel一键导入该项目部署即可 使用方法…

    2025 年 10 月 22 日
    9270
  • Typora : 安装与激活教程

    原贴地址:Typora【超便捷md文本编辑器】 安装与激活教程 – 资源荟萃 – LINUX DO Typora简介 跨平台Markdown编辑器,采用所见即所得的编辑方式,将传统Markdown编辑器的双栏界面简化为单栏实时渲染界面,支持随时切换至源代码编辑模式进行原生语法操作,提供macOS、Windows(含ARM架构)和Lin…

    2026 年 1 月 27 日
    8740

发表回复

登录后才能评论
分享本页
返回顶部
🍁
🔈Hi,朋友。欢迎来到 木木的博客小站 !