← → 翻页 · ESC 索引
Vol.06 · Part Six
01 / 22
GTM 實務演練 · 1.5hr · Part 6

資料管理 × 除錯與治理

九十分鐘，把埋了不等於對變成可驗收的流程，
把個人帳號變成可交付的資產。

Keyword·Data Layer ·Lookup Table ·Consent Mode v2 ·Debug ·Governance
Duration·1.5 小時授課 ·5 單元 + 2 演練
Contact·sky8697@gmail.com
弄一下工作室 GTM 實務演練｜資料管理、除錯與治理 · 1.5hr Part 6 of 7
Opening · Manifesto
02 / 22
Why this Part opens here
埋了，不等於對。
對了，不等於可交付。
這一段，補的是「能上線」那一哩路。
—— Part 6 · 從個人帳號到團隊資產

前五 Part 教怎麼埋，
這一 Part 教怎麼確認、怎麼合規、怎麼交給下一個人。

Part 6 · Opening GTM 實務演練 · 1.5hr
This Part · Outcomes
03 / 22
Learning Outcomes · 90 分鐘帶走

三件事，離開教室就能交付

不求做完，求每一步都能被別人接手。

Outcome 01
01
看懂 Data Layer 與 Lookup Table，把雜亂網址變成可讀報表。
Outcome 02
02
設定 Consent Mode v2，跨境流量不踩 GDPR 紅線。
Outcome 03
03
建立 五層 Debug 與版本治理SOP，下一個人接手不踩雷。
Part 6 · 5 Units + 2 PRAC 1.5hr · 6.1 / 6.2 / 6.3 / 6.4 / 6.5
Act I · Unit 6-1
04 / 22
Chapter 6.1 · Data Layer 入門

打通任督二脈

看懂網頁的地下秘密通道，
不用改 code，也能拿到頁面背景資訊。

2 Slides·Concept + Hands-on ·~18 min
Act I · Data Layer Unit 6-1
6-1 · What is Data Layer
05 / 22 講義 · 6-1
Step 01 · 餐廳比喻

GTM 是櫃檯，
Data Layer 是外場服務生

櫃檯本身看不到客人點什麼，
是服務生把點餐單送進來，櫃檯才知道要做什麼。

Data Layer = 一個寫在頁面 <head> 的 JavaScript 陣列，
網頁主動把「這是哪一篇文章、哪個分類、哪個作者」推進去。
GTM4WP 外掛已經幫 WordPress 寫好這位服務生

不用煩工程師，進文章頁打開 Preview Mode → Data Layer 分頁，
就能看到 pagePostCategory / pagePostAuthor 等寶藏。

Part 6 · Unit 6-1 05 / 22
6-1 · Build a DLV
06 / 22 講義 · 6-1
Step 02 · 接收暗號 · Hands-on

把資料層裝進變數，
下一步才能進報表

建立 Data Layer Variable · 5 步
01
變數 → 新增
使用者定義變數，按右上鉛筆。
02
類型選 DLV
「資料層變數 (Data Layer Variable)」。
03
填變數名稱
pagePostCategory，大小寫一字不差。
04
版本 = 2
支援巢狀，GTM4WP 推送格式即 v2。
05
命名儲存
DLV - 文章分類，未來 Tag 可直接引用。

前端 push 一次，後端拿無限次 —— 不用每加一個 Tag 就煩工程師一次。

Part 6 · Unit 6-1 06 / 22 · Press → / Space to advance
Act II · Unit 6-2
07 / 22
Chapter 6.2 · Lookup Table

拯救雜亂報表

讓 GTM 自己當翻譯官，
把網址翻成主管看得懂的名字。

2 Slides·Concept + Setup ·~16 min
Act II · Lookup Table Unit 6-2
6-2 · Before vs After
08 / 22 講義 · 6-2
Step 01 · 報表崩壞 vs 報表整潔

同一份事件，差在欄位的一個字

A · Page Path 直接送
/contact/
/contact-2/
/quote-form/
/repair-request/?utm_source=fb
主管：「這是什麼？」
B · Lookup 翻譯後
一般聯絡表單
一般聯絡表單
報價申請表單
售後維修表單
主管：「報價來源最強，加碼。」
Part 6 · Unit 6-2 08 / 22
6-2 · Setup Pipeline
09 / 22 講義 · 6-2
Step 02 · Hands-on · 5 步建表

Lookup Table 建立流程

變數類型 → 對照表 (Lookup Table)
01
輸入變數
點樂高選 {{Page Path}}，當作查表依據。
02
新增列
每按一次新增一組對照（左輸入、右輸出）。
03
填輸入值
如 /contact/，照網址原樣寫。
04
填輸出值
如 一般聯絡表單，主管看得懂的字。
05
設定預設
勾「設定預設值」填 「其他表單」，避免空白列。

用法：在事件參數加 form_name，值選剛建好的 {{Lookup - 表單名稱}}。

Part 6 · Unit 6-2 09 / 22 · Press → / Space to advance
Act III · Unit 6-3
10 / 22
Chapter 6.3 · Consent Mode v2

不能忽略的合規紅線

跨境流量必裝、
政府案招標規格越來越常寫。

3 Slides·Concept + Setup + Mapping ·~22 min
Act III · Consent Mode Unit 6-3
6-3 · The Problem
11 / 22 講義 · 6-3
Step 01 · 為何 Consent Mode 存在

傳統做法數據全黑，
v2 做法匿名仍計

A · 傳統 Cookie Banner

按拒絕 → 整個代碼不跑

拒絕的人是誰、看了什麼、跳離率多少，
廣告主完全看不到。
結果：報表只剩同意的那 30%。

B · Google Consent Mode v2

代碼仍載入，依旗標決定送什麼

拒絕者：匿名流量計數仍走，
但無 cookie 識別、無再行銷。
結果：100% 流量輪廓 + 0% 違規風險。

2024/03 後 EEA 流量強制 v2。新增旗標：ad_user_data + ad_personalization。

Part 6 · Unit 6-3 11 / 22
6-3 · GTM Setup
12 / 22 講義 · 6-3
Step 02 · Setup · Hands-on

GTM Consent 三步曲

Step 1
容器設定 → 啟用「同意設定覆寫」。每個 Tag 多出 Consent Settings 分頁。
Container
Step 2
建 Consent Initialization Tag，預設 denied，觸發 = Consent Initialization - All Pages（保證跑最前面）。
Init Tag
Step 3
用戶按「接受」時 gtag('consent','update',...) 更新三個新旗標 + ad_storage / analytics_storage。
Update
不想自己寫
用 CMP（Cookiebot / OneTrust / iubenda）—— 提供 GTM Template，確認包含 v2 三旗標即可。
CMP
Part 6 · Unit 6-3 12 / 22
6-3 · Tag Consent Mapping
13 / 22 講義 · 6-3
Step 03 · 哪個 Tag 要等同意

Tag Consent 對照表

Consent Init
不需額外同意 —— 必要性 Tag、網站核心功能。
No Consent
GA4
需 analytics_storage。其他不影響事件送出。
analytics
Google Ads
需 ad_storage + ad_user_data + ad_personalization，三旗標皆 granted 才累積再行銷清單。
ads
Meta Pixel
GTM 沒原生整合 —— 在 Custom HTML 自己讀 dataLayer consent 狀態，常見漏洞就在這。
custom

違規最高罰全球營業額 4%。台灣個資會 2024/Q4 草案已提議引入 cookie consent 條款。

Part 6 · Unit 6-3 13 / 22
Act IV · Unit 6-4
14 / 22
Chapter 6.4 · Debug 全流程

五層工具交叉比對

事件沒進不要亂猜，
從下游往上游逐層找。

3 Slides·Layers + Tools + Cases ·~20 min
Act IV · Debug Unit 6-4
6-4 · The 5 Layers
15 / 22 講義 · 6-4
Step 01 · 排查順序

五層由近到遠，
不要亂跳

從前端 → 後端 → 平台 · 5 層
L1
DataLayer
前端有沒有 push？沒 push → 找前端，不是 GTM 問題。
L2
GTM Preview
Tag 有沒有 Fired？Variables 取值對不對？
L3
Tag Assistant
看 GA4 / Ads 的 hit 是否成功送出。
L4
Network
DevTools 看 request payload 與 response 200。
L5
平台介面
DebugView / Pixel Helper / Events Manager 即時驗收。

原則：L2 沒事件 → 回 L1 查；L3 沒收到 → 回 L4 查 request。

Part 6 · Unit 6-4 15 / 22 · Press → / Space to advance
6-4 · Platform Cheatsheet
16 / 22 講義 · 6-4
Step 02 · 三平台 Debug 速查

每個平台都有專屬照妖鏡

GA4 DebugView
Preview Mode 開啟時 GTM 自動加 debug_mode。即時看每個事件、參數、用戶屬性。
即時 · 秒級
Meta Pixel Helper
Chrome 擴充。紅 = 錯、黃 = 警告（常見 AEM 未設）、綠 = OK。Test Events 還能查 CAPI dedup。
擴充 + Events Manager
TikTok Diagnostics
Events Manager → Diagnostics 介面類似 Meta，顯示事件覆蓋率、match quality、有無重複送。
Events Manager

Preview 不 work 時：(1) Chrome 無痕；(2) 關 AdBlock；(3) 請工程師把 tagassistant.google.com 加 CSP 白名單。

Part 6 · Unit 6-4 16 / 22
6-4 · Common Pitfalls
17 / 22 講義 · 6-4
Step 03 · 上線後最常踩的 4 個坑

四種疑難雜症

GA4 沒進事件
先檢查 tid 是否對應正確 Property —— 多容器最常踩。
tid mismatch
Meta value = 0
DLV 取不到值 —— 回 GTM Preview 看 Variables 分頁是否有值。
DLV null
Pixel fire 兩次
找重複 Tag 或 DOM 事件連續觸發 —— Pixel Helper 看 event_id 一致就是重送。
duplicate
CAPI dedup 失敗
event_id 必須兩邊完全一樣（字串、大小寫、前後空白皆一致）。
event_id
Part 6 · Unit 6-4 17 / 22
Act V · Unit 6-5
18 / 22
Chapter 6.5 · Version & Governance

確保萬無一失

版本治理是救命恩人，
個人帳號到團隊資產的那一道門。

2 Slides·Submit Rules + Governance ·~14 min
Act V · Governance Unit 6-5
6-5 · Submit Rules
19 / 22 講義 · 6-5
Step 01 · Submit 三守則 · 命名範本

版本名稱絕不空白

沒寫名稱的版本，等於沒留路標。出事時一片荒野。

範本格式
版本名稱　 v1.2 - 新增 SureForms 追蹤與 Lookup Table
說明　　　 1. 新增 generate_lead 事件　2. 加入 form_name 對照表　3. 修正 GA4 Property tid
Submit 前 30 秒，省下未來 30 分鐘還原時間
守則 1
Preview 必跑 —— 任何修改（含改一個字）都先 Preview 確認 Tags Fired 名單。
Preview
守則 2
名稱 + 說明缺一不可 —— 名稱寫做了什麼，說明寫為什麼。
Naming
守則 3
Submit 後到 GA4 DebugView 抽驗 3 個關鍵事件，再交付給客戶 / 主管。
Verify
Part 6 · Unit 6-5 19 / 22
6-5 · Governance
20 / 22 講義 · 6-5
Step 02 · 從個人帳號到團隊資產

四件事，下個接手的人會謝你

工作區
每個改動開新 Workspace，命名 YYYY-MM-工程名。多人協作不打架。
Workspace
使用者權限
外包 / 行銷夥伴給 Edit；客戶端窗口給 Approve / Publish；主辦只留 Admin。
Permission
環境
建 Staging / Production 兩個 Environment，QA 用 Staging Snippet，避免測試流量污染。
Environment
Container Notes
總覽頁加一段 命名規範 + 容器負責人 + 緊急聯絡，三年後還看得懂。
Notes
Part 6 · Unit 6-5 20 / 22
Wrap-up · Map to Part 7
21 / 22
Recap · 你帶走了什麼 · 下一段去哪

從能埋，走到能交付

Part 6 補完「能上線」那一哩路，Part 7 把流程變成報表。

6.1 Data Layer
看懂網頁地下通道，DLV 把背景資訊拉進變數。
unit 6-1
6.2 Lookup Table
把網址翻成主管看得懂的名字，報表瞬間可讀。
unit 6-2
6.3 Consent Mode v2
三步曲 + 三旗標 + Tag 對照，跨境合規不踩 4% 罰款。
unit 6-3
6.4 Debug 全流程
五層由近到遠 + 三平台速查 + 四種疑難雜症 SOP。
unit 6-4
6.5 版本治理
Submit 三守則 + 工作區 / 權限 / 環境四件事 → 個人帳號變團隊資產。
unit 6-5
→ Part 7
GA4 自訂維度、Exploration 漏斗、Looker Studio 交付版報表模板。
next 1.0hr
Part 6 · Wrap-up 21 / 22
End of Part Six
22 / 22
Part 6 · Complete

能埋 → 能交付

下一站 · Part 7　GA4 自訂維度 × Looker Studio 交付版報表
把每天運轉的容器變成每週能交差的報表。

To Be Continued·Part 7 ·1.0hr ·2 Units + Final PRAC
Contact·sky8697@gmail.com