惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园_首页
GbyAI
GbyAI
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
大猫的无限游戏
大猫的无限游戏
阮一峰的网络日志
阮一峰的网络日志
Last Week in AI
Last Week in AI
V
Visual Studio Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
The Cloudflare Blog
博客园 - 【当耐特】
博客园 - 叶小钗
量子位
博客园 - 聂微东
S
SegmentFault 最新的问题
美团技术团队
Hugging Face - Blog
Hugging Face - Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
月光博客
月光博客
宝玉的分享
宝玉的分享
小众软件
小众软件
罗磊的独立博客
有赞技术团队
有赞技术团队
Stack Overflow Blog
Stack Overflow Blog

云野开源志

OpenClaw 升级排坑实录:2026.7.1-2 → 2026.8.1 国内镜像源速配工具,Linux 换源不用愁 Tailscale 非对称路由导致 LAN 设备无法访问同网段 Tailscale 节点 Tailscale 子网路由劫持本地流量排查与修复 Tailscale vs ZeroTier:内网组网选型与实战 排查 Docker Compose PWD 变量导致 Waline 数据库挂载异常 OpenClaw npm 升级踩坑记:从版本冲突到模块丢失 Posts 免责声明 Site-Disclaimers openclaw(moltbot、Clawdbot)常见异常 大模型配置-千问免费版 初始化OpenClaw 安装openclaw记录 大年初一桃花谷 CheckSSL.sh - SSL证书到期时间监控脚本 g.sh - Go语言环境管理工具安装脚本 install-cri-docker.sh - cri-dockerd安装脚本 install-docker.sh - Docker Engine快速安装脚本 install-docker2.sh - Docker 交互式安装脚本 install-nginx.sh - Nginx官方源快速安装脚本 install-zerotier.sh - ZeroTier 虚拟网络快速安装脚本 mng.sh - Nginx配置文件合并脚本 OpenSSL.sh - 自签名 SSL 证书生成脚本 SystemInfoMonitor.sh - 系统资源监控告警脚本 UpdateImages.sh - Docker 镜像批量更新脚本 解忧杂货铺 - 云野开源志 为Hugo Next主题添加Umami统计支持 解忧杂货铺 - 栏目声明 Certd - 解决多平台SSL证书管理难题的神器
hugo-theme-stack集成Umami
云野开源志 · 2025-01-14 · via 云野开源志

总结摘要

本文介绍了如何在 Hugo 博客主题 hugo-theme-stack 中集成开源网站分析工具 Umami。通过在 1Panel 中私有化部署 Umami(解决 ghcr.io 镜像拉取问题),配置反向代理实现域名访问,并将 Umami 提供的追踪代码嵌入到主题的 head.html 模板中,最终实现对博客访问数据的隐私友好型统计与分析。

Umami是一个现代的分析平台,旨在帮助用户轻松收集、分析和理解网站数据,以便专注于增长。以下是关于Umami的详细介绍:

核心功能

  • 流量分析:能够深入了解网站流量,快速查看所有关键指标,从而优化网站以实现增长。
  • 访客分析:提供访客的详细信息,包括他们的地理位置和使用的设备类型,帮助更好地了解目标受众。
  • 自定义事件跟踪:不仅可以跟踪页面浏览量,还能捕获网站上的任何事件,如按钮点击和表单提交,为用户提供更全面的行为数据。
  • 强大的过滤功能:通过易于应用的过滤器,可以深入分析数据,根据浏览器、操作系统、国家等任何指标对用户进行细分,以便更精准地定位目标群体。
  • 实时数据查看:能够实时查看当前网站流量,看到访客正在访问的确切页面,及时了解网站的实时动态。
  • 趋势检测:通过比较不同时间段的数据,发现流量的关键趋势,轻松衡量营销活动的成功与否。

产品分析

  • 用户旅程:帮助用户了解用户如何在产品中导航,从而优化用户体验和产品流程。
  • 用户留存:通过跟踪用户返回网站的频率,衡量网站的粘性,了解用户对网站的忠诚度和吸引力。
  • 漏斗分析:了解用户的转化率和流失率,分析用户在不同阶段的行为,找出转化过程中的瓶颈和优化点。

简单的设置流程

  • 注册:在Umami Cloud上创建一个免费账户。
  • 安装跟踪代码:将隐私友好的跟踪代码添加到网站中。
  • 查看数据:数据会立即出现在仪表盘上,整个设置过程非常快速便捷。

开源特性

Umami是开源的,这意味着全球数千名开发者可以共享和贡献代码,共同提升Umami的功能和用户体验。开源社区的力量使得Umami能够不断更新和改进,以满足不同用户的需求。

用户评价

  • 易用性:许多用户表示Umami的安装和设置过程非常简单,通常在几分钟内就能完成,对于技术能力有限的用户来说也非常友好。
  • 隐私保护:作为谷歌分析的替代品,Umami注重隐私保护,符合GDPR等隐私法规,让用户在使用过程中更加安心。
  • 功能强大:尽管强调简单易用,但Umami的功能并不逊色,能够满足大多数网站分析的需求,包括流量分析、用户行为分析等。
  • 成本效益:提供有吸引力的定价模型,尤其是对于小型企业和个人开发者来说,是一个经济实惠的选择。
  • 社区支持:拥有一个活跃的用户和开发者社区,用户可以在社区中分享经验、解决问题,共同推动Umami的发展。

私有化搭建Umami

搭建方法:使用1Panel简化搭建步骤

依赖环境:

  • 数据库:支持的数据库版本:MySQL >= 5.7,PostgreSQL >= 12.14.,习惯使用MySQL所有这里就直接选择了MySQL的默认数据库
  • 1Panel

搭建步骤:

  1. 搭建1Panel步骤略
  2. 在【应用商店】搜索Umami,并点击安装(这里有一个小问题,因为Umami使用的是ghcr.io/umami-software/umami镜像地址,大陆访问ghrc.io是有问题的,所有这里可以点击啊下滑找到编辑compose文件,并将image字段的ghcr.io跟改为ghcr.m.daocloud.io ghcr.eli1.top或自行找到其他镜像加速地址使用)
  3. 点击安装,等待安装完成之后找到应用,并点击设置的服务端口,首次登录默认用户名为:admin,密码为:umami。

image-20250114220305912

公网反向代理实现域名访问:

我这里使用的一个内网穿透+公网服务器实现使用域名来访问

image-20250114220835335

添加好网站之后点击【追踪代码】

image-20250114220929493

复制这个js代码,去到服务器内找到hugo-theme-stack/layouts/partials/head/head.html文件,将复制的代码粘贴到文件中第六行,如下图所示

image-20250114221317255

添加好之后执行 hugo 命令生成html文件,若生成不生效,可以将publicresources目录下的所有文件删除,再次执行hugo命令重新生成即可

生成之后访问网站并登录Umami后台查看是否生效

image-20250114221512805