再見了G Analytics,Hello Umami !
您好,我是無能。
我一直以來都使用 Google Analytics,但這次我嘗試導入了 Umami 作為開源分析收集工具。
Umami

為什麼要安裝它?
因為在網站性能檢查中,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
登錄。請務必更改。

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

這...太驚人了....
最終對網站也友好
雖然還有其他 JS 正在加載,但 Lighthouse 結果記錄了高性能。

嗯,我說過很多次了,這個基準測試絕不是全部。
但對於基準測試愛好者來說,能得到好分數就很高興了。
那麼,下次再見。
(其實我本來打算做別的,因為我發現我的自建伺服器上的 Terraform 也可以在 qemu 上使用)
雖然是這樣,但還是請多多指教。
今天也謝謝大家。