注重隱私、簡約高效的網站追蹤器 Fathom

部落格從 WordPress 轉到 Hugo 靜態網站以後,一開始沒裝網站追蹤器

原本想說可以用 CloudFlare Analytics 就好,但缺點很明顯像是「熱門網頁」還有「推薦來源」都沒辦法得知

所以之前一段時間裝了 Google Analytics,不過這玩意實在太惡名昭彰了

谷歌除了收集過多我不需要的使用者資料以外,也是很多廣告黑名單的常客,有裝等於沒裝一樣。。。🤷‍♂️

直到最近看見目前使用的主題作者加入了一個 Fathom 網站追蹤器支援,所以我就立刻停掉 Google Analytics 了~

Fathom Pro 注重隱私且符合 GDPR + CCPA

Fathom 有提供兩種方案,其中一個是 Pro 的付費方案

每月 10 萬 Page views 的網站或者部落格最低只要 14 美金

另外還有提供 20 萬以及 40 萬一直到 200 萬以上的方案,200 萬以上就需要自己跟他們好好談談價格了~

/media/2020/04/u41ero418614120o41861.png

Fathom Pro 共有四大特點:

  • 即時的統計資料,管理後台簡約,無複雜的操作沒有一層又一層的目錄,完整資料在同一頁展現
  • 無任何 Cookie、不收集個人資料,完全符合 GDPR 跟 CCPA
  • 在一個付費方案裡面你可以安裝在無限網站上,共享同個 Page views 額度
  • js 腳本迷你高效,即使有巨大流量,Fathom 也不會拖慢你網站速度

/media/2020/04/u24ero247592420o24759.png

👆 看看官網上面精美的插圖 👻

Fathom Pro 的後台管理頁面一點都不囉嗦,在同一頁面就能完整清晰看見你網站的重點報告

/media/2020/04/L1ajj89twxaQi6.png

其實對我而言,需要知道的也就是上圖的熱門網頁與推薦流量來源即可

最多可以再搭配 CloudFlare Analytics 知道流量大部分都來自哪個國家就很滿足

想要看 Fathom 線上 Demo 可以到這邊看: https://app.usefathom.com/share/lsqyv/pjrvs

Demo 的本體是 Fathom 聯合創辦人 Paul Jarvis 的個人網站: https://pjrvs.com

我的 Fathom 推薦連結,可以申請七天試用: https://usefathom.com/ref/CBUVPO

Fathom Lite 功能小巧、開源高效支援自架伺服器

Fathom 另外提供了一種資料少一點,但是是開源且支援自架伺服器面的 Fathom Lite

如果你動手能力比較強的話,可以考慮自己搭一個

/media/2020/04/fa12K9xIEUxlsz38.jpg

👆 相比 Fathom Pro,Fathom Lite 提供的資料又少一些

Fathom Lite 特點

  • 程式使用 Golang 語言編寫,多平台無依賴甚至無需額外安裝數據庫
  • 支援自架伺服器,設定簡單
  • 可以使用自訂域名,天生免疫黑名單類阻擋器

底下稍微介紹一下安裝過程~

手動安裝 Hardcore 版

SSH 登入到你的機器上,我們準備開始安裝(以下使用 Debian / amd64 示範)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
# 先到 releases 找適合你平台的執行檔下載網址 https://github.com/usefathom/fathom/releases
wget https://github.com/usefathom/fathom/releases/download/v1.2.1/fathom_1.2.1_linux_amd64.tar.gz
# 解壓縮到指定目錄
tar -C /usr/local/bin -xzf fathom_1.2.1_linux_amd64.tar.gz
# 給予執行權限
chmod +x /usr/local/bin/fathom
# 建立一個 fathom 資料夾,放設定檔跟 db 檔案
mkdir fathom && cd fathom
# 建立 .env 設定檔
nano .env

​ 接著拷貝以下內容貼上,當然你可以視情況自行修改

1
2
3
4
5
6
FATHOM_SERVER_ADDR=8080
FATHOM_GZIP=true
FATHOM_DEBUG=false
FATHOM_DATABASE_DRIVER="sqlite3"
FATHOM_DATABASE_NAME="fathom.db"
FATHOM_SECRET="somesecretpassword!"

記得保存之後退出~

如果需要詳細的設定參數可以戳這邊自行瀏覽

再來幫自己開個管理員帳號跟密碼

1
fathom user add --email="[email protected]" --password="awesomepasshere"

最後是加入開啟自動啓動的服務

1
sudo nano /etc/systemd/system/fathom.service

拷貝以下內容貼上

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
[Unit]
Description=Starts the fathom server
Requires=network.target
After=network.target

[Service]
Type=simple
User=$USER
Restart=always
RestartSec=3
WorkingDirectory=/home/$USER/fathom
ExecStart=/usr/local/bin/fathom server

[Install]
WantedBy=multi-user.target

注意:第 8 行跟第 11 行的 $USER 請換成自己的帳號名稱

繼續以下指令

1
2
3
sudo systemctl daemon-reload
sudo systemctl enable fathom.service
sudo systemctl start fathom.service

如此就完成 Fathom 伺服器安裝~

Docker Easy 安裝版

官方有提供 Docker 映像檔,只要你要安裝的主機上有 Docker 環境,一行指令就能完成搭建

1
docker run -d -p 8080:8080 usefathom/fathom:latest

就是這麼簡單!

Nginx 設定

官方推薦使用 Nginx 來搭配使用,可以與網站主機共用 SSL 憑證跟設定

以下簡單 Nginx 範例:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
server {
  listen 443 ssl http2;
  listen [::]:443 ssl http2;
  ssl_certificate /to/your/fullchain.cer;
  ssl_certificate_key /to/your/website.key;
   
  server_name fa.examble.com;

  location / {
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $remote_addr;
		proxy_set_header Host $host;
		proxy_pass http://127.0.0.1:8080; 
	}
}

第 7 行的 server_name 你可以根據自已域名隨意取,天生免疫域名黑名單~ 😙

網站安裝 Fathom Lite

完成以上設定以後,使用瀏覽器打開你的 Fathom 網站,以上面為例就是 https://fa.examble.com/

新建一個新的網站,接著就會跳出一段程式碼

/media/2020/04/u42ero427484220o42748.png

點下「Copy code」以後,貼到你網站程式碼裡面 body 區塊

另外官方另外有提供 WordPress 的外掛,裝完設定一下 site ID 之類資料就能用,需要的戳這邊

最後只要定時記得備份 fathom.db 這個檔案就可以了~

溫馨提示
Github Releases 裡面的執行檔是比較舊的版本,你可以透過這篇教學自行編譯新版喔! 🖖