从头开始搭建umami,进行自建网站的流量统计

一、使用docker搭建umami

前提:服务器上需要先部署好mysql,同时在mysql上创建一个umami的数据库

1、在服务器上,创建一个docker-compose.yml

vim docker-compose.yml

2、在该文件中添加如下内容

version: '3'
services:
  umami:
    image: ghcr.io/mikecao/umami:mysql-latest
    network_mode: "host"
    environment:
      DATABASE_URL: mysql://username:password@localhost:3306/databasename
      DATABASE_TYPE: mysql
      HASH_SALT: replace-me-with-a-random-string
    restart: always
    container_name: umami

其中username password 替换成本服务器上mysql的登录用户和密码
darabasename 替换成刚刚在mysql上创建的umami的数据库名称

3、启动

docker-compose up -d

可能需要等待很长时间

umami一般会部署到服务器上的3000端口,如果需要修改部署端口,则在docker-compose.yml中添加如下信息

umami:
  ports:
   - "4000:3000" # 前面的端口修改成服务器上可用的端口

二、操作umami

1、登录umami

默认账号:ad­min,默认密码:umami
image

2、可以先把密码进行修改

3、添加网站

3.1 点击 “添加网站”
image

3.2 填写信息
image

3.3 填写完成后,获取跟踪代码
image

三、项目操作

在项目的主index.html页面中的中添加刚刚复制的代码
运行项目,进行操作,查看效果

四、查看效果

在仪表盘中查看该网站的访问总体情况,以及实时情况变化情况
image
image

五、与matomo的使用对比

1、首先在搭建过程中,都使用了docker进行搭建,因此都比较简单

2、其次在配置过程中,matomo配置项相较于umami较多,用户容易会不知道哪些配置必填;而umami只需要填写两项,且均为必填项,对于初次使用的用户来说比较易懂好操作

3、在vue项目使用过程中,matomo提供了vue-matomo依赖包,帮助我们使用router进行行为检测;umami的行为检测需要自己后期自行配置

4、最后在效果展示方面

  • 整体上,umami比matomo显示的信息更加简洁且有条例
  • matomo在访客信息显示上比较详细,umami并没有做访客信息的单独显示,而是做了同一的统计显示
  • 但是在实时统计下,umami提供了每时每点的网站流量统计柱状图,比较清晰明了
  • 最重要的一点是umami可以提供中文显示

最后附上我的另一篇博客:使用vue + vue-matomo对自建网站进行网站流量统计 https://www.cnblogs.com/wumengcheng/articles/16601188.html

posted @ 2022-08-19 11:12  Dreamup_lu  阅读(2591)  评论(0)    收藏  举报