Skip to content

建立 2024-09-01 更新 2026-09-13

設置 GA4

還沒有資料之前,所有報表都是空的。這一頁帶你建立帳戶、拿到評估 ID,並把 Google 代碼裝到網站上。裝完一定要驗證,確認 page_view 有進來。

帳戶、資源、資料串流

GA4 有三層,名稱容易混,先對一下:

層級 英文 用途
帳戶(Account) Account 公司或個人的容器,底下可以有多個資源
資源(Property) Property 一份完整的分析空間,網站與 App 通常共用一個資源
資料串流(Data stream) Data stream 資料入口:網站、iOS 或 Android 各一條

網站專案最常見的組合是:一個帳戶 → 一個資源 → 一條網站資料串流。評估 ID(Measurement ID)長得像 G-XXXXXXXX,只屬於這條網站串流。之後 gtag、GTM、官方文件講的「GA4 ID」,指的都是它。

建立帳戶與資源

  1. 用 Google 帳戶登入 Google Analytics
  2. 若是第一次使用,點 開始評估;已有帳戶則到左下角 管理,在「帳戶」欄建立新帳戶或在既有帳戶下建立資源。
  3. 輸入帳戶名稱(例如公司名),並勾選要分享給 Google 的資料選項。
  4. 建立資源:填資源名稱、報表時區與貨幣。時區建議與業務所在地一致,否則「今天」的報表會錯位。
  5. 依提示選產業與事業規模後,建立網站資料串流:填網站網址與串流名稱。
  6. 建立完成後,在資料串流詳細資料複製 評估 IDG- 開頭)。

權限

之後若要請同事裝代碼或看報表,到 管理 → 資源存取管理 加使用者。裝代碼本身不需要把管理員密碼交給工程師,給「編輯者」或請對方用 GTM 即可。

方法一:直接安裝 gtag.js

適合頁數少、還沒有 Tag Manager 的網站。把下面這段放到每個頁面<head>,越早載入越好,並把 G-XXXXXXX 換成你的評估 ID。

<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

gtag('config', 'G-XXXXXXX') 會自動送出 page_view。之後若要自訂事件,同一頁只要再呼叫 gtag('event', ...),不必重複貼整段代碼。細節見 事件追蹤

方法二:用 Google Tag Manager

網站之後還要裝廣告像素、同意工具或很多自訂事件時,優先用 Google Tag Manager(GTM)。代碼改動不必每次都改網站原始碼、重新上線。

  1. 在 GTM 建立帳戶與容器,容器平台選「網站」。
  2. 把 GTM 的容器代碼依說明貼到網站(<head> 一段、<body> 開頭一段)。
  3. 在 GTM 新增代碼,類型選 Google 代碼(Google tag;舊介面可能仍寫「GA4 設定」)。
  4. 代碼 ID 填評估 ID G-XXXXXXX
  5. 觸發條件選 All Pages(所有頁面)。
  6. 送出(Submit)並發布容器。沒發布,網站上不會生效。

不要重複安裝

同一頁不要同時「直接貼 gtag」又「用 GTM 送同一個評估 ID」,page_view 會重複計算。選一種安裝方式即可。

打開加強型評估

資料串流裡的加強型評估(Enhanced measurement)可在不寫程式的情況下,多收集常見互動。到 管理 → 資料收集和修改 → 資料串流 → 你的網站串流,確認已開啟,再逐項檢查:

事件 何時會送
page_view 載入頁面;單頁應用可另開「瀏覽器歷程記錄事件」
scroll 使用者捲到頁面約 90%
click 點擊連到外站的連結
view_search_results 網址出現你指定的搜尋參數(預設常為 q
video_start / video_progress / video_complete 嵌入的 YouTube 影片
file_download 點擊常見檔案連結(如 PDF)
form_start / form_submit 與頁面表單互動(實際能否收到,視表單實作而定)

先開 page_viewscroll 通常就夠入門。表單與下載若與真實情況不符,再改用 GTM 自訂,見 事件追蹤

確認資料有進來

裝完先做這三件事,不要隔天再看報表才發現沒資料。

即時報表 開啟自己的網站,到 GA4 報表 → 即時。數分鐘內應看到 1 位使用者與 page_view。若完全沒反應,多半是評估 ID 貼錯、代碼沒上到正式站,或瀏覽器外掛擋了追蹤。

Tag Assistant 用 Google Tag Assistant 連到你的頁面,確認 Google 代碼狀態為已觸發,且評估 ID 正確。

dataLayer 在 Chrome 按 F12 開啟開發人員工具,於 Console 輸入 dataLayer。若用 gtag 或 GTM,這裡應看得到陣列與先前推送的物件。這只能證明「頁面有在送」,最終仍以即時報表或 DebugView 為準。

標準報表會延遲

即時與 DebugView 幾乎立刻有資料;一般報表可能要等數小時。驗證請用即時,不要用「過去 7 天」報表判斷剛裝的代碼。

常見問題

  • 只裝在首頁:內頁沒代碼,流量與路徑分析會斷掉。
  • 測試站與正式站共用同一個資源又不分網域:測試點擊會污染數據。可另建測試資源,或先在 GTM 用預覽模式驗證。
  • 單頁應用(SPA)沒處理路由:網址變了但沒重新送 page_view。GTM 可用 History Change 觸發;gtag 則要在路由完成後再呼叫 gtag('config', ...)gtag('event', 'page_view', ...)
  • 廣告封鎖與同意訊息:使用者拒絕分析 Cookie,或裝了擋追蹤的擴充功能,你自己測試時也可能看不到自己。可用無痕視窗、關掉阻擋,或看 進階應用 的同意模式。

下一步:認識 GA4 介面與標準報表