本文最后更新于 2024-06-28,文章内容可能已经过时。

Umami是Google Analytics的开源、注重隐私的替代品。提供强大的网络分析解决方案,不会侵犯用户的隐私,只采集你关心的指标并将全部的内容展示在一个页面上。

前言

大家好,这里是可爱的Cherry。 前段时间说到Cherry在折腾自己的WP博客,最近弄得差不多了,成功从halo转移到WP,但是WP有个问题就是流量统计需要付费? 为了持续贯彻白嫖的精神,Cherry找到了一款开源的网站流量统计分析工具——Umami。 Umami是Google Analytics的开源、注重隐私的替代品。提供强大的网络分析解决方案,不会侵犯用户的隐私,只采集你关心的指标并将全部的内容展示在一个页面上。 null

系统部署

一、docker-compose.yaml

🔻在nas中新建一个文件夹umami,然后将下列代码复制到一个txt文本中,改名为docker-compose.yaml,然后上传到umami文件夹中即可。
---
version: '3'
services:
  umami:
    image: ghcr.io/umami-software/umami:postgresql-latest
    ports:
      - "8930:3000"   #自定义端口
    environment:
      DATABASE_URL: postgresql://umami:umami@db:5432/umami
      DATABASE_TYPE: postgresql
      APP_SECRET: replace-me-with-a-random-string
    depends_on:
      db:
        condition: service_healthy
    restart: always
    healthcheck:
      test: ["CMD-SHELL", "curl http://localhost:3000/api/heartbeat"]
      interval: 5s
      timeout: 5s
      retries: 5
  db:
    image: postgres:15-alpine
    environment:
      POSTGRES_DB: umami
      POSTGRES_USER: umami
      POSTGRES_PASSWORD: umami
    volumes:
      - umami-db-data:/var/lib/postgresql/data
    restart: always
    healthcheck:
      test: ["CMD-SHELL", "pg_isready -U ${POSTGRES_USER} -d ${POSTGRES_DB}"]
      interval: 5s
      timeout: 5s
      retries: 5
volumes:
  umami-db-data:

二、SSH部署

🔻通过fianlssh等工具连接到nas
#进入umami文件夹路径
cd /volume1/docker/umami
#启动容器
docker-compose up -d

三、群晖部署

🔻打开container manager,选择项目,点击新建,选择路径后复制代码部署即可 null

四、威联通部署

🔻打开container station,创建应用程序,复制代码验证后部署即可 null

系统使用

一、配置监听站点

🔻首次登录使用的默认账号是admin,默认密码是umami。 null 🔻登录后,我们修改下用户密码,并且调整到中文 null null 🔻新增一个站点,比如cherry的站点,这里https或者http不需要输入,只需要域名即可。 null

二、准备工作

🔻设置反代,因为cherry的站点是https的,为了保证监听效果,umami也必须使用https的才可以,因此通过nginx将http反代到https上。 PS:如果站点本身就是http的,那就不需要反代为https,可以直接使用。因为协议上来说https和http不同。 null null 🔻复制监听代码,来到站点详情页,选择具体的站点,Tracking Code一栏,复制框内的代码备用,一会我们要加载到wordpress中。 null

三、在站点配置监听代码

🔻以wordpress为例,登录系统后台,选择“外观——主题文件编辑器” null 🔻在主题页眉(header.php)栏下,将监听代码复制到标签下的任意一行,然后更新文件。 null

四、wordpress插件

🔻在wordpress插件栏,搜索umami,安装第一个插件。 null 🔻来到插件栏,选择插件,启用,并设置自动更新。这里分别有URL和website ID 两个框,内容都来自于前面提到的tracking code null 🔻可以重温一下对应的位置。 null 🔻填入对应的框体内保存即可 null

五、最终效果

🔻首页展板,包含不同时间段的总流量 null 🔻点击网站,查看,可以看到更多的明细数据。包含浏览量、访客、设备来源、IP来源等等。 null null