Gagtm 設定怎麼做?先完成安裝、串接與驗證
Gagtm 設定的核心,是先在網站安裝 Google Tag Manager(GTM),再透過 GTM 部署 GA4 的 Google 代碼,最後設定按鈕點擊等事件,並確認資料確實送進 GA4。GTM 負責管理與觸發代碼,GA4 負責收集資料、產生報表與分析行為,兩者不能互相取代。
設定前,請準備可管理 GTM 與 GA4 的 Google 帳戶、網站程式碼或後台編輯權限,以及 GA4 網站資料串流的評估 ID。若網站已經安裝 GA4,應先確認現有安裝方式,避免同時透過網站原始碼、外掛與 GTM 重複傳送事件。
GTM 是什麼?先看懂 GTM、GA4 差異與帳戶架構
GTM 是 Google 的代碼管理工具,可集中管理 GA4、Google Ads 等追蹤代碼。網站完成容器安裝後,許多追蹤調整可在 GTM 後台操作;涉及購物車、訂單或會員狀態等資料時,仍可能需要工程人員協助。
GTM 與 GA4 功能比較表
| 比較項目 | GTM | GA4 |
|---|---|---|
| 核心用途 | 管理、部署與觸發追蹤代碼 | 收集、整理與分析網站或應用程式資料 |
| 主要設定 | 代碼、觸發條件、變數 | 事件、關鍵事件、受眾、報表 |
| 常見識別碼 | GTM-XXXXXXX 容器 ID |
G-XXXXXXXXXX 網站評估 ID |
| 按鈕追蹤分工 | 判斷點擊條件並送出事件 | 接收事件並呈現分析結果 |
| 是否可單獨使用 | 可管理其他支援的代碼,不限 GA4 | 可直接安裝,不一定要透過 GTM |
所謂 GA、GTM 差異,重點也是「分析工具」與「代碼管理工具」的分工。GA 泛指 Google Analytics;目前新的網站設定應以 GA4 為主,不應沿用通用 Analytics 的舊版追蹤流程。
GTM 的五個基本元素
- 帳戶:通常以公司或組織為管理單位。
- 容器:存放特定網站或應用環境的追蹤設定。
- 代碼:決定執行什麼程式、傳送哪些資料。
- 觸發條件:決定代碼何時執行,例如瀏覽頁面或點擊連結。
- 變數:提供可重複使用的值,例如網址、按鈕文字或評估 ID。
規劃追蹤時,可以依序思考「追蹤什麼行為、什麼時候觸發、需要哪些資料」,再對應到上述元件。
GTM 教學第一步:GTM 登入與建立 GTM 容器
登入後建立帳戶與網站容器
前往 Google Tag Manager,使用 Google 帳戶登入,選擇「建立帳戶」。
帳戶名稱可填公司或組織名稱;容器名稱建議填網站名稱或網域,目標平台選擇「網路」,確認條款後完成建立。
帳戶與容器應由企業可持續管理的帳號持有,再將必要權限授予合作人員,避免後續交接時無法調整設定。
將兩段容器程式碼放入網站
GTM 建立完成後,會提供兩段安裝程式碼:
- 第一段
<script>:依官方安裝提示,放在<head>中盡可能靠前的位置。 - 第二段
<noscript>:放在開頭<body>標籤之後。
程式碼應套用至需要追蹤的所有頁面。若使用網站平台的 GTM 整合功能,請依平台要求填入容器 ID,不要又在佈景主題或其他外掛重複安裝。
日後需要重新取得程式碼,可點選後台顯示的容器 ID,或到容器管理區的安裝選項查看。
使用 Google Tag Assistant 確認容器載入
在 GTM 點選「預覽」,輸入網站網址並連線,系統會透過 Google Tag Assistant 開啟偵錯工作階段。
確認 Tag Assistant 能辨識正確的 GTM- 容器,並顯示頁面載入等事件。此時若尚未建立追蹤代碼,沒有 GA4 代碼觸發是正常情況。
若無法連線,可先確認網站網址、容器程式碼與網站快取,再檢查瀏覽器擴充功能或網站安全設定是否影響載入。
GTM 串接 GA4:取得評估 ID 並新增 Google 代碼
從 GA4 網站資料串流複製評估 ID
進入 Google Analytics,選擇正確的 GA4 資源,在管理區找到「資料串流」,開啟對應的網站串流,複製以 G- 開頭的評估 ID。
若尚未建立網站串流,先填寫網站網址與串流名稱完成建立。GA4 評估 ID、GTM 容器 ID 與 GA4 資源 ID 是不同識別碼,不能混用。
在 GTM 建立 Google 代碼
回到 GTM 工作區,新增代碼,類型選擇「Google 代碼」,並在代碼 ID 欄位填入 GA4 評估 ID。
舊版 GTM、GA4 教學可能使用「GA4 設定」代碼;目前新設定應使用 Google 代碼,不需要沿用通用 Analytics 的「Google Analytics 設定」變數。
若希望集中管理評估 ID,可建立「常數」變數儲存 G-XXXXXXXXXX,供相關代碼引用,但這不是必要步驟。
設定基礎代碼的觸發時機
一般網站可將 Google 代碼搭配「Initialization-All Pages」觸發條件,讓基礎設定在一般事件代碼之前執行。
若網站使用同意管理平台,應先完成同意狀態設定,再依網站政策與適用要求決定代碼行為;初始化觸發條件不代表可以略過使用者同意。
Google 代碼通常會依設定傳送 page_view。若網站已有其他頁面瀏覽追蹤,或屬於單頁式應用程式,需一併確認路由切換與增強型評估設定,避免重複計算。
GTM 追蹤按鈕:以「預約諮詢」為例設定事件
啟用點擊變數並確認按鈕結構
進入 GTM「變數」,在內建變數中啟用 Click Element、Click ID、Click Classes、Click Text、Click URL。
接著開啟預覽模式,實際點擊預約按鈕,觀察點擊事件中的變數值。追蹤條件優先採用穩定且具辨識度的 ID、CSS 選擇器或連結網址,不宜只靠可能隨文案調整的按鈕文字。
建立適合的點擊觸發條件
若預約入口是 <a> 連結,可使用「點擊-僅連結」,再依 Click URL 或元素條件篩選。
若是 <button> 或其他互動元素,可使用「點擊-所有元素」。假設按鈕 ID 為 booking-button,可將 Click Element 設為符合 CSS 選擇器:
#booking-button, #booking-button *
這樣也能涵蓋按鈕內的文字或圖示元素。必要時再加入 Page Path 條件,限定特定頁面,避免同樣式的其他按鈕一起觸發。
新增 GA4 事件代碼與參數
新增「Google Analytics:GA4 事件」代碼,填入相同的評估 ID,事件名稱可設為 booking_click,並套用剛建立的點擊觸發條件。
按鈕事件參數設定範例
| 參數名稱 | 範例值 | 用途 |
|---|---|---|
button_name |
booking |
區分按鈕功能 |
button_location |
header |
區分頁首、內文或頁尾 |
page_path |
{{Page Path}} |
辨識點擊發生頁面 |
自訂事件名稱建議採固定的小寫英文命名方式。若要在 GA4 報表或探索中使用自訂參數,通常還需要建立對應的事件範圍自訂維度;不要把每個參數都直接當成已可用的報表欄位。
點擊預約按鈕只代表使用者表達意圖,不等於完成預約。真正的名單或預約完成事件,應在表單成功送出、系統確認成功等明確條件下傳送;符合事件語意時,可採用 GA4 建議事件,例如 generate_lead。
GA4、GTM 驗證流程:確認事件送達後再發布
在 Tag Assistant 檢查觸發結果
重新進入預覽模式,點擊指定按鈕,確認對應的 GA4 事件代碼出現在已觸發代碼區,並檢查事件名稱、評估 ID 與參數值。
除了正向測試,也要點擊其他按鈕,確認不會誤觸發。一次操作應對應預期的事件次數,避免同一按鈕同時被多組代碼追蹤。
在 GA4 即時報表與 DebugView 檢查資料
Tag Assistant 顯示代碼已觸發,不等於 GA4 一定收到資料。請再到 GA4 即時報表確認事件;需要檢查參數時,可使用 DebugView。
DebugView 需要事件帶有偵錯模式訊號。若沒有資料,應確認預覽連線、偵錯模式、評估 ID、同意狀態與瀏覽器阻擋情形,不要只反覆新增代碼。
提交版本並測試正式網站
預覽確認無誤後,回到 GTM 點選「提交」,填寫清楚的版本名稱與變更說明,再發布至正式環境。
預覽只供測試,未發布的變更不會自動套用到一般訪客。發布後應離開預覽模式,再操作一次正式網站並查看即時資料;一般報表仍需等待處理,不宜把即時驗證與正式報表更新視為同一件事。
結論:Gagtm 設定的重點是資料正確,而不只是代碼觸發
完整的 GTM 與 GA4 串接,需要依序完成容器安裝、Google 代碼設定、事件條件設計、資料驗證與版本發布。先確保基礎瀏覽資料正常,再逐步增加諮詢、預約與購買等重要行為,才能建立容易維護的追蹤架構。
每個事件都應對應明確的商業意義,並區分「點擊入口」與「完成目標」。這樣取得的數據,才適合用來評估網站內容、流量來源與轉換表現。
常見問題(FAQ)
1. 已經直接安裝 GA4,還能改用 GTM 嗎?
可以。先盤點原有事件與參數,再於 GTM 建立對應設定並測試。正式切換時,應同步停用重複的部署方式,保留原本 GA4 資源即可延續資料收集。
2. GTM 一定要由工程師操作嗎?
一般代碼與點擊條件可由熟悉工具的行銷人員設定。首次安裝、動態網站、電子商務資料與成功狀態判定,則適合由工程人員協助提供穩定的資料層事件。
3. 外部預約網站也能追蹤完成結果嗎?
若只能控制自己的網站,通常只能確認使用者點擊外連。要追蹤外部網站的完成結果,需要該平台支援追蹤整合、跨網域設定或其他資料回傳方式。
4. 按鈕點擊事件可以設為 GA4 關鍵事件嗎?
可以,但應符合實際分析目標。若目標是取得有效名單,建議優先將成功送出表單設為關鍵事件,按鈕點擊則用來分析轉換過程。
5. 可以把姓名、電話或電子郵件放進事件參數嗎?
不應將可識別個人的資訊傳送至 GA4。事件參數應以按鈕位置、內容分類與非個人識別的互動資訊為主,也要檢查網址和表單內容是否意外帶入個資。
6. GTM 發布錯誤後,可以恢復先前設定嗎?
可以在「版本」中找到先前可正常運作的版本並重新發布。恢復後仍應測試正式網站;版本還原能修正後續收集行為,但不會自動更正已送進 GA4 的資料。