← → 翻页 · ESC 索引
NTUB · Fall 2026 · Module One
01 / 20
Vol.01 · Module One · GTM 概念與容器

從 SEO/GA4
走進埋碼世界

上學期把人帶進來、把行為看見；這學期，把資料怎麼進、怎麼回、怎麼分配、怎麼交，一次走完。Module 1 從容器這顆螺絲鎖起。

Vol.01 · Module One· GTM · Container · Preview· Duration · 3 小時授課 · 3 單元 · M1 / 10
Contact· sky8697@gmail.com
數位行銷實務 II · 台北商業大學 × 弄一下工作室
Cover
Opening · 開場金句
02 / 20
Why Module 1 Matters
埋對 Tag， 下半學期才走得動。

Module 1 不教廣告投放、不教報表設計——它只解決一件事：容器這顆螺絲，先要鎖對。

數位行銷實務 II · Module 1
P02
Act I · Unit 1-1
03 / 20
Unit 1-1 · 50 分鐘

GTM vs GA4
抉擇樹

上學期 Module 9 淺嘗 GTM——這節用四個問題決定：這個追蹤需求該走 GA4 自訂、gtag 直寫，還是 GTM 容器？

三工具定位·四問抉擇·五情境·產業案例
Unit 1-1 · GTM vs GA4 抉擇樹
Act I 幕封
Unit 1-1 · 三工具定位 講義 · M1-1
04 / 20
Step 1 · 各司其職、不要打架

三種工具
各做各的事

Option A GA4 加強型 捲動／外連／下載／站內搜尋／影片，自動追蹤六件事，能用就先用。
Option B gtag 直寫 有工程資源、邏輯簡單、單一 GA4——一行解決。
Option C GTM 容器 多平台統一管理中心，非工程師可維運，要版本控制就走它。
最常見錯誤：GA4 加強型已開、又在 GTM 加一個 click 追蹤——外連點擊被算兩次。三者可以共存，但不可雙埋同一事件。 Source · Unit 1-1 Step 1
Unit 1-1 · 三工具定位
P04
Unit 1-1 · 四問抉擇樹 講義 · M1-1
05 / 20
Step 2 · 每個新需求都跑一次

四問，決定走哪條路

從上往下問，第一個「YES」就是答案。避免「什麼都丟進 GTM」。

Decision Tree · 由上而下
Q1 能交給 GA4 加強型嗎？ 能 → 停。啟用就好，不要重做。
Q2 邏輯簡單且能改碼？ 是 → gtag 一行搞定。
Q3 要接 Meta／Ads／LINE？ 要 → 非 GTM 不可。
Q4 要版本控制／非工程師維運？ 要 → 走 GTM 容器。
Unit 1-1 · 四問抉擇樹
★ 講義有完整框架圖
Unit 1-1 · 五情境對照 講義 · M1-1
06 / 20
Step 4 · 五情境演練

越靠近轉換，越走 GTM

首頁捲動深度
能自動偵測，不必再做一次——啟用加強型評估。
GA4 加強型
電商 purchase
同事件要同步回拋 GA4／Meta／Ads，集中管理才不會走鐘。
GTM
LINE 外連點擊
gtag 也行，但未來要加 Meta Pixel 就得拆——一次到位。
GTM
PDF 型錄下載
加強型評估 file_download 內建，零成本完成。
GA4 加強型
報名表單提交
要同步 Ads Conversion + Meta CAPI——必走 GTM。
GTM
Unit 1-1 · 五情境演練
★ 講義含決策紀錄欄位
Unit 1-1 · 實戰案例 講義 · M1-1
07 / 20
Case · 旅遊訂房站點

導入 GTM 後，
上線節奏從月 → 日

Before · 直寫 header.php 2週 每換活動發工單、排版、改 PHP，常踩 syntax error。
After · GTM 容器 1天 行銷自己新增 5 個新像素，當天上線。
部署風險 ↓ 從「全站掛掉」降為「容器版本回滾」。
隱藏坑：初期沒設權限分級，實習生誤發佈把 Purchase 觸發條件清空，三天後才發現——廣告學習期歸零。
規則：Publish 權限只給 2 人，其他人給 Edit。 Source · Unit 1-1 實戰案例
Unit 1-1 · 旅遊電商導入 GTM
P07
Unit 1-1 · 對比 講義 · M1-1
08 / 20
Compare · 兩條路的責任邊界

GA4 加強型 vs GTM 容器

Side A · GA4 加強型評估
內建六件事，自動追

捲動 ／ 外連 ／ 下載 ／ 影片 ／ 站內搜尋 ／ form interactions——勾一下就好。

適用：互動指標、單一 GA4、無 ITP 工程能量。

Side B · GTM 容器
多平台、多人、可回滾

同一個 purchase 要同步 GA4／Meta CAPI／Google Ads／LINE／TikTok——集中管理才不會走鐘。

適用：轉換事件、多媒體像素、版本紀律、跨團隊協作。

Unit 1-1 · GA4 vs GTM 對比
P08
Act II · Unit 1-2
09 / 20
Unit 1-2 · 50 分鐘

容器 × 觸發
× 變數 × 版本

很多學員卡在「變數和觸發誰先誰後？」「為什麼同事改了我的預覽就變了？」——這節用一張關係圖解掉。

層級結構·四大資源·版本／工作區·Preview
Unit 1-2 · 容器四大基石
Act II 幕封
Unit 1-2 · 層級結構 講義 · M1-2
10 / 20
Step 1 · 三層往下走

一個 Google 帳戶，
可以管很多公司、很多站

01
Google 帳戶
同一個 Google 登入可建立多個 GTM 帳戶——通常一公司一帳戶。
02
GTM 帳戶
底下可以有多個容器。命名建議：帳戶 = 公司名。
03
容器（Container）
通常一站一容器。命名建議：容器 = 域名（如 acme.com - 主站）。
不要為「開發環境」另開一個容器——用同一個容器 + 工作區（Workspace）就好。多容器同步改動很容易走鐘。 Source · Unit 1-2 Step 1
Unit 1-2 · 三層結構
P10
Unit 1-2 · 容器四大資源 講義 · M1-2
11 / 20
Step 2 · 一個都不能少

Tag · Trigger ·
Variable · Folder

想像射擊的比喻：Tag 是發射器、Trigger 是發射按鈕、Variable 是彈藥。三者缺一不能射。

Folder 不影響運作，只是分類整理——建議依平台或事件類型分。

Tags
要 Fire 的東西：GA4 事件 ／ Meta Pixel ／ Ads Conversion。
發射器
Triggers
什麼時候 Fire：頁面瀏覽 ／ 點擊 ／ 自訂事件。
按鈕
Variables
Fire 時帶的動態值：URL ／ 點擊文字 ／ dataLayer 欄位。
彈藥
Folders
分類整理，建議「按平台」或「按事件類型」分群。
收納
Unit 1-2 · 容器內四大資源
P11
Unit 1-2 · 版本／工作區／預覽 講義 · M1-2
12 / 20
Step 3-5 · 紀律的三件事

每改必預覽，
每預覽必驗收

Version 版本
每按「提交」＝產生快照同時發布。版本號自動遞增 v1 v2 v3，可回滾任一版。命名要寫清楚改了什麼，例：v14 - 加 TikTok Pixel + 修 purchase 重複。
Snapshot
Workspace 工作區
免費版限 3 個，邏輯像 Git branch——多人各改各的，發布時 merge。免費版限制 3 個工作區，360 版無限制。
Branch
Preview 預覽
改 → 預覽 → 連線 LocalWP/正式站 → Tag Assistant 即時顯示 Fire/Not fire。新手最常犯的錯：預覽成功就以為上線了。
Debug
Preview 模式下，你在其他分頁打開同網域也會被偵測——可以用 Incognito 測試「剛登入的新使用者流程」。 Source · Unit 1-2 Step 5
Unit 1-2 · 版本 × 工作區 × 預覽
★ 講義含完整工作流
Unit 1-2 · 實戰案例 講義 · M1-2
13 / 20
Case · 多品牌集團

三品牌、一團隊：
容器要合一還是拆三？

Before · 一容器 + hostname 條件

Tag 數量暴增到 80+，Preview Mode 卡頓；改一個品牌的 Pixel 常影響另一個。

After · 三 Web 容器 + 一 Server 容器

每品牌容器各 20 tag；Server 容器集中處理 CAPI 與 Enhanced Conversions——單品牌上線只影響自己。

隱藏坑：三容器架構下，_ga cookie 若沒設 domain=.parent.com，A 品牌跳 B 品牌會被視為兩個使用者——記得在 GA4 共享時設 cookie_domain 與 linker。 Source · Unit 1-2 實戰案例
Unit 1-2 · 多品牌容器架構
P13
Unit 1-2 · Preview Debug 講義 · M1-2
14 / 20
Troubleshoot · 預覽模式報「未連線」

不要瞎猜——
跑這三個檢查點

Check 1 → 2 → 3
01 Script 有植入嗎？ DevTools Elements 搜 GTM-XXX。沒搜到 = 根本沒裝。
02 Container ID 一致嗎？ 最常見：複製舊 script 忘了換 ID。對比 GTM 後台與站上的 ID 字串。
03 廣告擋掉了嗎？ uBlock／AdGuard 會擋 googletagmanager.com。關掉再試。

三個都過了還是不行——再去查 GA4 串流是否正確（Module 1.3 第一個會踩的坑）。

Unit 1-2 · Preview 三檢查點
Space → 推進
Act III · Unit 1-3
15 / 20
Unit 1-3 · 60 分鐘 · 動手實作

建容器 × LocalWP
× 首次 Preview

理論講完一天、實作才一小時就能跑通——這節把第一次的手忙腳亂降到最低。今天結束，每位同學都要交出 GTM-XXX + LocalWP + Preview Fire 三張截圖。

建帳戶／容器·LocalWP + Woo·植入 script·GA4 Config·Preview 驗收
Unit 1-3 · 動手實作
Act III 幕封
Unit 1-3 · 動手五步 講義 · M1-3
16 / 20
Hands-on · 跟著做、別跳步

一小時跑完
第一個容器

Step 1 → 5
01 建帳戶 / 容器 tagmanager.google.com → 帳戶 = 公司名 → 容器 = 域名 → 平台「網頁」。
02 LocalWP + Woo 建站 acme-lab → PHP 8.1 + MariaDB → 裝 WooCommerce → 設繁中 TWD 商店。
03 植入 script 推薦走 GTM4WP 外掛——填 GTM-XXX、自動處理兩段 + 解鎖 Ecommerce dataLayer。
04 建 GA4 Config Tag Tags → New →「Google Tag」→ 填 G-XXX → Trigger = All Pages → 命名 GA4 Config - 主站。
05 Preview 驗收 右上「預覽」→ 連 LocalWP → Tag Assistant 看到 Fire → GA4 即時報表看到自己 → 截圖存證。
Unit 1-3 · 動手五步
★ 講義含完整 GIF 步驟
Unit 1-3 · GA4 Config 速查 講義 · M1-3
17 / 20
Cheatsheet · 第一個 Tag 怎麼填

GA4 Config Tag
規格速查

Tag 類型
Google Tag（不是 Google Analytics: GA4 Event）。
Type
Measurement ID
GA4 後台 → 管理 → 資料串流 → 選網站串流 → 右上 G-XXXXXXX 複製。
G-XXX
Trigger
All Pages（預設內建，不必自建）。
All Pages
命名
GA4 Config - 主站，後續所有 GA4 事件 Tag 都依賴它。
Naming
驗證
Tag Assistant 看到 Fired ✓ ＋ GA4 即時報表看到自己一筆 user。
Verify

缺這個 Tag——整個學期 GA4 都不會動。Module 5 之後的 Ecommerce 全部都建在它上面。

Unit 1-3 · GA4 Config 速查
★ 講義含截圖逐欄對照
Unit 1-3 · 實戰案例 講義 · M1-3
18 / 20
Case · 3C 電商大促前

Preview Mode
搶救上線前1 小時

症狀 add_to_cart 不觸發 Tag Assistant：trigger 有 fire，但 GA4 報 Missing required parameter: items。
原因 item 前端工程師把 items 拼成 item——少了 s。
代價（如沒 Preview） −1週 大促 48 小時後才從報表發現「咦怎麼加購是 0？」流失一週再行銷受眾。
規則：每次發佈前 Preview 至少走一次完整購物流程——加入購物車、結帳、付款成功，每個事件都要看到 Fire。Preview 是 GTM 唯一能在上線前發現問題的關卡。 Source · Unit 1-3 實戰案例
Unit 1-3 · Preview 搶救案例
P18
Closing · Map to Module 2
19 / 20
What's Next · 下週把容器接到商業目標

Module 1 學完了，
下週開始把它變生意

本週帶走
三工具抉擇樹 ／ 容器四大資源 ／ Preview 第一次跑通——三張截圖交作業。
M1 · Done
下週 M2
行銷漏斗到事件地圖：TOFU/MOFU/BOFU、KPI → 事件 8 欄對應表、命名規範、UTM 治理 SOP。
M2 · Funnel
M3
GTM 觸發 / 變數 / Debug 全流程——8 種觸發、DLV / Lookup Table、五層排查。
M3 · Debug
期末
M10 · 完整客戶案 SOP（訪談 → 埋碼 → 上線 → 驗收 → Looker 交付）。
M10 · Capstone

Module 1 是螺絲——下週起，每一週都會在這顆螺絲上鎖更大的零件。今天沒鎖緊，整學期都會鬆。

Closing · M1 → M2
P19
End of Module One
20 / 20
Module 1 / 10 · 下週見

To Be
Continued

下週 Module 2：行銷漏斗到事件地圖——把容器接到商業目標。

NTUB · GTM × 廣告科技 × 資料交付· Module 1 / 10· 弄一下工作室
Contact· sky8697@gmail.com
數位行銷實務 II · Module 1 · Fin
End