SEM.tw
數據分析 · · 6 分鐘閱讀 · 1 次閱讀

GA4 安裝與基本設定教學:用 GTM 完成完整部署

手把手教你用 GTM 安裝 GA4,從建立資料串流、部署追蹤碼到確認數據正常,一次搞定基本設定。

GA4 安裝這件事,說難不難,但有不少細節會讓新手踩坑。有客戶跟我說,他們之前把追蹤碼直接貼在網頁上裝好了,結果三個月後發現數據完全不對——根本原因是跨域沒設定,加上加強型評估的滾動追蹤被預設關掉了,中間的設定細節沒有人告訴他們要確認。

這篇文章用 GTM(Google Tag Manager)安裝 GA4,這是現在最推薦的方式。GTM 讓你不用每次改追蹤邏輯都要動到網站程式碼,而且有完整的版本管理,出問題也比較容易回溯。

GA4 + GTM 安裝流程示意圖

1. 安裝前準備

在開始之前,確認你有以下東西:

帳號與權限

  • Google Analytics 帳號(用你的 Google 帳號登入 analytics.google.com)
  • Google Tag Manager 帳號(tagmanager.google.com)
  • 能修改網站 HTML 的權限(用來安裝 GTM 的基礎代碼)

關於 GTM 的基礎代碼:GTM 本身也需要安裝一段 HTML 代碼在你的網站上,這通常要後端工程師或有 CMS 管理員權限的人來做。如果你在用 WordPress,可以用 GTM4WP 這個外掛,或是直接在 functions.php 裡加入代碼。

一旦 GTM 的基礎代碼裝好,之後所有追蹤碼的管理都可以在 GTM 介面進行,不用再動網站程式碼。

重要提醒:如果你的網站已經直接安裝了 GA4 追蹤碼(用 gtag.js),在用 GTM 部署之前要先把那段 gtag.js 移除,避免重複計算。根據業界統計,雙重計算是導致 GA4 數據虛高的主要原因之一,有些網站的頁面瀏覽量因此被重複計算到超過實際的兩倍。

2. 建立 GA4 帳戶和資料串流

建立 GA4 資源

  1. 前往 analytics.google.com
  2. 點選左下角「管理」(齒輪圖示)
  3. 在「帳戶」欄位點「建立帳戶」,或在「資源」欄位點「建立資源」
  4. 資源類型選「Google Analytics 4」
  5. 填入資源名稱(建議用「品牌名稱 - 網站名稱」格式,方便日後管理)
  6. 設定時區(選「台灣」)和貨幣(選「新台幣 TWD」)

建立資料串流

資源建立後,GA4 會引導你建立「資料串流」。資料串流是 GA4 收集數據的來源——網站是一個資料串流,Android App 是一個資料串流,iOS App 是一個資料串流。

選「網站」:

  1. 輸入網站 URL(例如 https://www.yoursite.com
  2. 輸入串流名稱
  3. 點「建立串流」

建立後你會看到「評估 ID」,格式是 G-XXXXXXXXXX。這個 ID 在後面的 GTM 設定裡會用到,先記下來或開著這個頁面。

3. 用 GTM 部署追蹤碼

在 GTM 建立 GA4 設定代碼

  1. 登入 GTM,進入你的容器
  2. 點選「代碼」→「新增」
  3. 代碼類型選「Google Analytics:GA4 設定」
  4. 貼上你的評估 ID(G-XXXXXXXXXX
  5. 觸發條件選「All Pages」(所有頁面)
  6. 儲存,代碼名稱建議命名為「GA4 - 設定」

這個「GA4 設定代碼」是基礎,你之後建立的所有自訂事件代碼都會引用它。

發布 GTM 容器

代碼建立後,記得點 GTM 右上角的「提交」來發布變更。GTM 有「工作區(草稿)」和「版本(已發布)」的概念,你在工作區做的更改,在提交發布之前對網站都不會生效。

這一步很多人會忘記,然後在 Debug View 裡等半天看不到數據,後來才發現容器沒發布。

4. 啟用加強型評估事件

GA4 有一個叫「加強型評估(Enhanced Measurement)」的功能,它可以自動追蹤幾種常見的用戶行為,不需要另外設定事件:

事件名稱 追蹤的行為
scroll 頁面滾動超過 90%
click 站外連結點擊
view_search_results 站內搜尋
video_start / video_progress / video_complete YouTube 影片互動
file_download 檔案下載(pdf、docx 等)
form_start / form_submit 表單互動

這些功能在資料串流設定頁面的「加強型評估」區塊可以管理,預設大部分都是開啟的。

要不要全部開啟?

通常建議保持預設開啟,除非你有特殊理由。舉個例子:如果你的網站有站內搜尋,view_search_results 自動追蹤後,你就可以在 GA4 看到用戶搜尋了什麼關鍵字,這個洞察非常有價值,完全不需要額外設定。

要注意的是,有一些加強型評估事件在特殊情況下可能會造成重複計算,例如你已經用 GTM 自訂追蹤了滾動事件,同時又開啟了加強型評估的滾動追蹤,就會重複。建議在開啟前先確認你的自訂追蹤有哪些。

GA4 加強型評估設定畫面截圖

5. 用 Debug View 驗證

安裝完成後,最重要的一步是驗證數據有沒有正確傳送進來。GA4 的 Debug View 是專門為這個設計的工具。

啟用 Debug View 的方式

安裝 Chrome 擴充功能「Tag Assistant」(Google 官方出的),然後在你的網站頁面開啟 Tag Assistant 偵錯模式。這樣 GA4 就會把這個瀏覽器發出的事件標記為 Debug 事件,可以在 GA4 的 Debug View 即時看到。

在 Debug View 確認的事項

  1. 每次頁面瀏覽有沒有觸發 page_view 事件
  2. session_start 事件有沒有出現
  3. 如果你有設定轉換事件,測試觸發後要確認有出現
  4. 事件參數的值有沒有正確帶入

常見問題:如果 Debug View 完全看不到事件,通常是以下原因之一:

  • GTM 容器沒有發布
  • GTM 基礎代碼沒有正確安裝(可以用 Tag Assistant 的「Overview」頁面確認)
  • 評估 ID 填錯了(G- 後面的字元有大小寫或 0/O 混淆)

6. 資料保留期限設定

這個設定很多人忽略,但很重要。

GA4 預設的「事件資料保留期限」是 2 個月,這表示在探索報表(Explore)裡,你只能查詢最近 2 個月的原始事件資料。如果你想看更長的時間範圍,就要把這個設定改成 14 個月。

修改方式

  1. GA4 介面 → 管理 → 資料設定 → 資料保留
  2. 將「事件資料保留期限」從 2 個月改為 14 個月
  3. 儲存

注意:這個更改只對未來的資料有效,已經過了保留期的資料不會被補回來。所以這個設定要在安裝 GA4 之後盡快調整,不要拖。

另外:標準報表(不是探索報表)用的是彙總資料,不受保留期限限制,你可以查詢 GA4 從建立以來的任何時間範圍的趨勢圖。但如果你要做比較細的分析(例如依特定事件參數篩選),就只能用探索報表,這時候就受到 14 個月的限制。

如果你需要長期保留原始事件資料,建議串接 BigQuery,詳情可以參考 BigQuery 串接 GA4 教學

7. FAQ

Q:我可以不用 GTM,直接用 gtag.js 安裝嗎?

A:可以,GA4 支援兩種安裝方式:直接把 gtag.js 貼到網頁 <head> 裡,或是透過 GTM 管理。如果你的網站很簡單、只需要基本追蹤,直接貼 gtag.js 也沒問題。但如果之後要設定自訂事件、電商追蹤、或是多種追蹤工具,用 GTM 管理會方便很多。

Q:GTM 基礎代碼要貼在哪裡?

A:GTM 提供兩段代碼。第一段(JavaScript)貼在 <head> 標籤裡,盡量靠近頂部。第二段(noscript 的 <iframe>)貼在 <body> 標籤開始後,盡量靠近頂部。兩段都需要安裝,少了任何一段功能都會不完整。

Q:GA4 安裝好多久可以看到數據?

A:標準報表通常有 24-48 小時的延遲,你今天的數據要等明天才能看到完整的。但 Debug View 是即時的,安裝後馬上就能看到測試資料進來。如果你想確認安裝是否成功,用 Debug View 驗證,不要等標準報表。


安裝完成後,建議繼續閱讀 GA4 完整入門指南 了解 GA4 的核心概念,以及 Google Tag Manager 完整教學 學習更多 GTM 的進階用法。之後設定自訂事件追蹤,可以參考 GA4 事件追蹤設定教學