快速答案:表單送出要當成轉換進 GA4 與 Meta 像素,最穩的做法是「送出後導向感謝頁,在感謝頁觸發事件」;不能導頁的表單,用 PixelYourSite 這類外掛偵測表單外掛的成功事件。事件只能從一個地方發,GTM 和外掛同時裝像素會算兩次;設完一定用 GA4 DebugView 與 Meta 事件測試工具驗證。
為什麼會這樣 #
GA4 和 Meta 像素預設只記錄「有人看了頁面」,不知道表單有沒有送出成功。要它們知道,網站得在送出成功的那一刻發一個事件。大多數表單是 AJAX 送出、頁面不重整,如果事件綁在「按下送出鈕」,客人按了但驗證失敗也會被算成一筆轉換,廣告成效報表就失真。
另一個常見狀況是像素被裝了兩次:主題設定貼一次、GTM 貼一次、再裝一支像素外掛又一次。每個表單送出被記錄兩三筆,廣告代理商看到的轉換數比實際名單多。
怎麼處理 #
- 先盤點像素現在裝在哪:用瀏覽器的 Meta Pixel Helper、GA 偵錯擴充功能看首頁載入了幾個像素、幾個評估 ID,多的拿掉,只留一個來源。
- 能導頁就導頁:表單送出動作設「重新導向」到 /thanks/ 之類的感謝頁,GA4 與 Meta 都用「瀏覽該網址」當轉換條件。這個方法不依賴任何外掛的事件偵測,最不會壞。
- 不能導頁(彈窗表單、要留在原頁):裝 PixelYourSite,填入 GA4 評估 ID 與 Meta 像素編號,開啟表單事件追蹤(支援主流表單外掛),再故意送一筆驗證失敗的表單,確認它不會被算成轉換。想自己控制事件名稱就用 GTM,觸發條件選表單外掛提供的成功事件,不要選一般的表單送出或按鈕點擊。
- GA4 端把該事件標為「重要事件」(轉換);Meta 端事件管理工具裡確認事件有進來,需要的話再開轉換 API 提高比對率,權杖要放在外掛設定不是前端。
- 驗證:GA4 → 管理 → DebugView 送一筆測試單看事件名稱;Meta 事件測試工具貼網址、實際送出一次。廣告代理商要的事件名稱先問清楚,改名要兩邊一起改。
- 優化外掛的「延遲載入 JS」會讓像素在表單送出前還沒載入,把像素腳本排除延遲;快取頁面不影響事件,但感謝頁不要被搜尋引擎收錄。
我們實際遇過的情況 #
一個課程網站的「完成報名」表單事件某天突然消失,要重建事件、換上新的 Meta 像素編號,同時改事件名稱、開轉換 API;我們用 PixelYourSite 重建了表單事件。這類改動做完,一定要用事件測試工具實際送出一筆。另一家客戶反映網站頁尾突然不見,原因是一支「在頁首頁尾插入追蹤碼」的外掛跟佈景頁尾相衝——追蹤碼放的地方越少、經手的外掛越少,越不會出事。
什麼時候該找人 #
需要把 WooCommerce 的購買、加入購物車也一起串、要開 Meta 轉換 API 或 GA4 的伺服器端追蹤、或廣告代理商說「事件沒進來」但你看得到——這些要有人同時懂表單外掛、GTM 與快取設定。表單本身壞掉先看表單 server error。
WPTOOLBEAR網站工具熊