learn / learn

幫 Vibe Coding 網站裝 Google Analytics,看懂「到底有沒有人來」

網站上線了卻不知道有沒有人看?教你用 AI 裝上 Google Analytics(GA4),看流量、來源、熱門頁面,用數據決定下一步做什麼。

網站做好上線綁了網域、也做了 SEO,接下來最重要的問題是:到底有沒有人來?來的人看了什麼?從哪裡來的? 沒有數據,你就是閉著眼睛做網站,改版、寫新內容全憑感覺。裝一套免費的 Google Analytics(GA4),這些問題全都有答案,而且用 vibe coding 幾分鐘就能裝好。

為什麼一定要裝數據追蹤

很多人做網站只看「有沒有做出來」,卻不看「做出來之後發生什麼」。裝了 GA4,你會知道:

這些數據會直接告訴你「下一步該做什麼」——哪類內容受歡迎就多寫、哪個來源有效就多經營,不再瞎猜。

第一步:申請 GA4(免費)

Google Analytics 用你的 Google 帳號登入,建立一個「帳戶」和「資源(property)」,填網站名稱、網址、產業、時區選台灣。建好後它會給你一組評估 ID,長得像 G-XXXXXXXXXX——這串就是你要放進網站的東西,先複製起來。

第二步:把追蹤碼放進網站

GA4 給你一段 JavaScript 程式碼(gtag)。你不用自己看懂它,直接請 AI 幫你放到每一頁的 <head>。把你的 ID 一起給它:

幫我把 Google Analytics(GA4)的追蹤碼加到網站每一頁的 head,我的評估 ID 是 G-XXXXXXXXXX。用官方 gtag.js 的標準做法。

如果你的網站是用 Astro、Next.js 這類框架做的,通常放在共用的版面(layout)檔案裡就能全站生效,請 AI「放在共用 layout,讓每頁都吃得到」。

第三步:確認有裝成功

部署上線後,打開你的網站,再回到 GA4 的「即時(Realtime)」報告——如果看到「目前有 1 位使用者」(就是你自己),代表裝成功了。剛裝好的頭幾天資料還少,過一兩天累積起來才看得出趨勢,別急。

裝好之後,主要看這幾個報告

GA4 介面第一次看會有點複雜,但你日常其實只要盯幾個地方:

不用一開始就搞懂全部,先養成「每週看一次、記下最紅的頁面和主要來源」的習慣就夠了。

進階:GA4 也能看「轉換」

如果你的網站有目標——填表單、按下單、點 LINE 諮詢——可以在 GA4 設定「事件」和「關鍵事件(轉換)」,追蹤有多少人真的完成了你要的動作。這一步請 AI 幫你在對應按鈕加追蹤事件即可:

幫我在「送出表單」和「LINE 諮詢」這兩個按鈕加上 GA4 事件追蹤,事件名稱分別叫 form_submit 和 line_click。

有了轉換數字,你才知道網站「有沒有真的帶來生意」,而不只是「有沒有人來看」。

隱私與台灣在地要注意

除了 GA4,還有更簡單的選擇

GA4 功能強但介面偏複雜。如果你只想看「幾個人來、看了什麼」,也可以考慮更輕量、更重隱私的分析工具(例如 Plausible、Umami 這類),介面乾淨、上手快,很多還能自己架。做法一樣:拿到追蹤碼 → 請 AI 放進 head。想省事又夠用,這類是不錯的替代方案。

常見問題

Q:完全不懂程式,裝得起來嗎? 可以。申請 GA4 是跟著網頁點一點,放追蹤碼是「把 ID 給 AI、請它放進 head」,你不用看懂那段程式。整個過程大概十幾分鐘。

Q:為什麼裝了 GA4「即時」看不到人? 先確認追蹤碼真的部署上線了(不是只在本機)、ID 沒填錯、瀏覽器沒開會擋追蹤的外掛。用手機開一次網站再看即時報告,通常就會出現。

Q:數據要看多久才有意義? 剛裝頭幾天資料太少看不出什麼,建議累積至少一兩週再看趨勢。流量小的網站可以用「週」為單位看,比較穩定。

Q:GA4 會拖慢我的網站嗎? 影響很小,官方 gtag 是非同步載入。真的很在意速度或隱私,可以換前面提到的輕量分析工具。網站速度也是 SEO 的一環,值得順手顧。

Q:我一定要用 Google 的嗎? 不一定。GA4 免費又主流、資源多,但重隱私或想簡單的人,輕量替代方案一樣好用。重點是「有在看數據」,用哪套是其次。


網站不是做完就結束,「看數據、根據數據調整」才是讓它越做越好的關鍵。裝好 GA4,養成每週看一次的習慣 → 還沒做 SEO 的先看 讓 Google 找到你 →,想把流量變收入接著看 讓副專案賺錢 →上線前檢查清單 →