本簡報以 16:9 橫向為主
請旋轉手機
或改用平板 / 桌機觀看
當網址不再變、按鈕不再跳,
用 元素可見度、連結過濾、捲動深度、dataLayer 把看不見的事件抓回來。
網頁早就不再「換頁 = 完成」,
不換頁的轉換才是現代網站常態。
不再被「為什麼抓不到」卡住,每種互動都有對應觸發器。
表單送出不換頁、感謝訊息只是浮現一行字,
讓 GTM 監視畫面變化就能補位。
SureForms / WPForms / Contact Form 7 / Gravity Forms
都用 AJAX 送出,按鈕下方只浮現一行綠色文字。
這也是為什麼直接套網路上的「表單追蹤教學」九成失敗——
每家外掛的成功訊息 class 都不同,必須親自檢查。
頻率設「每個網頁一次」即可,避免重複觸發。
GA4 預設潛在客戶事件名,命名統一跨網站可比。
FB / Line / 撥打電話 —— 點下去就離開你的網站,
用連結過濾把這些「導外點擊」一網打盡。
facebook.com / line.me / instagram.com / youtube.com…列不完,新外站永遠漏接。
Click URL doesn't contain localwp.me —— 一條規則永久有效。
類型選 點擊 - 僅限連結 (Just Links),過濾條件用「部分點擊」。
外部連結 + 撥打電話 各建一個觸發器、各自對應一個 GA4 事件,不要合併,事件命名才能清楚分流。
停留 3 分鐘 ≠ 讀完了。
用 25/50/75/90 四個檢查點,看內容在哪裡留住人、在哪裡掉人。
設定一個觸發器,同一個訪客同一頁會在 25%、50%、75%、90% 各觸發一次。
不用寫四個代碼,靠 {{Scroll Depth Threshold}} 這個動態變數一勞永逸。
這是 GTM 最優雅的設計之一:觸發器自帶資訊,代碼端只需引用變數。GA4 探索報表記得登錄 percent_scrolled 為自訂維度才能拉出來看。
SPA 路由切換、Shopify 結帳、AJAX 提交,
GTM 內建觸發器都抓不到 —— 解法是讓前端主動通知。
Part 3 前三節的「元素可見度」、「Just Links」是救火方案。真正乾淨的解,是叫前端工程師主動 push 一筆事件給 GTM。
驗證:Preview 模式 → 操作前端 → 左側看到事件、右側 Data Layer 面板看到 push 的所有欄位。看不到?先去 Console 跑 dataLayer 檢查。
用戶從首頁點到商品頁,網址變了、內容變了 ——
但 GA4 報表只記到一次 page_view。
這個坑大到很多公司直接整套 GA4 數字都失真。Part 3 結束前先警告,Part 4 進資料層深水區會再展開。
觸發器越設越多時,命名規範就是你跟未來自己的契約。
從 dataLayer 的原理,到 Lookup Table 整理數據、
預覽模式與版本發布的黃金守則。