再见G Analytics,你好Umami!

3 min

language: ja bn en es hi pt ru zh-cn zh-tw

大家好,我是无能。

我一直使用Google Analytics,但这次我尝试引入Umami作为开源分析收集工具。
Umami

Image

为什么要安装它?

在进行网站性能检查时,Google Analytics的JS代码是远程加载的,这非常慢,让我很不满意。
说实话,因为我投放了广告,所以没有资格抱怨,但Google Analytics似乎特别对整体结果的加载产生了负面影响。
另一种方法是,如果在本地安装gtag代码,可以减少不必要的流量,但就在这时,我偶然看到了以下博客:
mimoex的博客
当我查看隐私政策时,发现上面写着:

我们使用Umami作为访问分析工具。

我因此产生了兴趣并进行了研究,最终找到了它。我想在这个时候看到它也是一种缘分,所以就安装了。
顺便说一句,真的没有多少日文文章。虽然我觉得还是有一些的。

什么是Umami

它是一个开源的访问分析工具。

无需Cookie,任何人都可以轻松启动。
虽然日文信息很少,但我还是尝试启动了它。

How to Install

首先,拉取源代码。

sudo git clone -b dev https://github.com/umami-software/umami.git

这次我将使用开发者版本。

然后,yarn install

yarn install

准备数据库

我将在MySQL中创建表和用户。

sudo mysql
mysql> CREATE USER 'umamiuser'@'localhost' IDENTIFIED BY 'YourPassword';
mysql> CREATE DATABASE umami;
mysql> GRANT ALL PRIVILEGES ON umami.* TO 'umamiuser'@'localhost';
mysql> FLUSHPRIVILEGES;
mysql> exit

数据库密码,我使用了

echo -n "YourLikePharse" | sha256sum

输出的值。
在个人能力范围内,我认为这是最简单、最安全的密码生成方法。

至此,数据库部分暂时完成。

.env的设置

设置使用的端口和数据库连接目标。

此时,让我们生成用于APP_SECRET的字符串。

openssl rand -base64 30

复制此值。

vim .env

我设置如下:

DATABASE_URL=mysql://umamiuser:YourPassword@localhost:3306/umami
APP_SECRET=由openssl rand -base64 30生成的值
PORT=8050
HOSTNAME=运行的IP(我指定了WireGuard上的IP)

Run Umami

官方推荐使用pm2,但我通常使用npm start来运行,这样从ps -ef中更容易识别进程。

npm run start-env

之后,在Nginx端进行反向代理即可完成。

网站设置

通过HTTP访问Umami,登录时使用
User : admin
Password : umami
这些是初始设置,所以用它们登录。
务必更改。

Image

太棒了……!!

然后,会出现像Gtag一样需要放入中的代码,只需将其放入您想要跟踪的网站即可。
Image

这……太惊人了……。

最终对网站也很友好

尽管还有其他JS正在加载,但Lighthouse结果记录了高性能。
Image

嗯,我再说一遍,这个基准测试绝不是全部。
但这能获得好分数,对于基准测试狂来说,只是件令人高兴的事。

那么,下次再见。
(其实我本来打算做的是,我发现我的自建服务器的Terraform也可以在qemu上使用)
虽然是这样的感觉,但请多多关照。
今天也谢谢大家。

Related Posts