再見了G Analytics,Hello 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,並使用預設的登錄資訊:
用戶名:admin
密碼:umami
登錄。請務必更改。

Image

太棒了....!!

接下來,會出現像 Gtag 一樣需要放入 <head> 中的代碼,只需將其放入您想要追蹤的網站即可。
Image

這...太驚人了....

最終對網站也友好

雖然還有其他 JS 正在加載,但 Lighthouse 結果記錄了高性能。
Image

嗯,我說過很多次了,這個基準測試絕不是全部。
但對於基準測試愛好者來說,能得到好分數就很高興了。

那麼,下次再見。
(其實我本來打算做別的,因為我發現我的自建伺服器上的 Terraform 也可以在 qemu 上使用)
雖然是這樣,但還是請多多指教。
今天也謝謝大家。

Related Posts