更新時間：2025年8月16號
表單是網站最關鍵的轉換行為之一，常見包含聯絡我們、詢價、訂閱電子報、活動報名、免費試用申請與白皮書下載等。
若無法正確追蹤表單提交，將無法準確評估流量品質、轉換率與行銷投放成效，因此在GA4中建立穩定的表單追蹤架構非常重要。
目前常見的GA4表單追蹤方式可分為6種，依照穩定性與準確度可整理如下：
方法一：使用GA4加強型評估事件
GA4內建加強型評估事件支援自動追蹤表單互動（form_start / form_submit），只需在資料串流中啟用即可。
跟蹤要求
表單必須符合以下條件：
- 符合標準HTML form結構
- 提交按鈕必須是submit
設定方式
在GA4中，點擊 「管理」——「資料串流」——「網站串流」——「加強型評估」，只需要勾選它，就可以開啟：
優點是設定簡單，但缺點是容易受到其他腳本（如Facebook Pixel）干擾，因此不適用所有網站。
方法二：GTM表單提交觸發器（推薦）
透過GTM內建 Form Submission Trigger 進行追蹤，是最常見做法。
第一步：確認表單結構
表單必須符合以下條件：
- 符合標準HTML form結構
- 提交按鈕必須是submit
第二步：開啟GTM內建變數
表單觸發器包含一些內建變數，需要將其開啟，在GTM中點擊「變數」—「內建變數」—「設定」，就可以看到如下介面
第三步：建立表單提交觸發器
還是上面的例子，可以知道 form Id是commentform。
在GTM中點擊「觸發條件」—「新增」—「選擇一個觸發條件類型以開始設定」——「表單提交」，命名為“表單提交示範”，然後做如下設定：
勾選“檢查驗證”：表示只有表單成功提交才會觸發，如果沒有勾選，主要用戶點擊就觸發，追蹤到的就只是點擊，是不準確，一定要勾選它。
這些條件全都符合時，啟用這項觸發條件：這裡可以限定指定的頁面，如果你不需要限定，就設置與規則運算相符匹配所有的。
有事件發生且這些條件全都符合時，啟用這項觸發條件：這裡就是設置表單的位置，用Form ID等於commentform
第四步：建立GA4事件
在GTM中點擊「代碼」—「新增」—「請選擇代碼類型以開始設定…」——「Google Analytics（分析）：GA4 事件」，命名為“表單提交”，做如下設定：
這樣就可以實現事件跟蹤。
方法三：感謝頁（Thank You Page）追蹤
如果表單提交成功後會跳轉至特定頁面，這是最簡單的方法。
如提交表單成功後打開頁面https://www.haranhuang.com/submit-form.html，可以直接用GA4中叫“建立事件”去設定事件。
在GA4中點擊「管理」——「資源設定」——「資料顯示」——「事件」——「建立事件」——「建立」，然後做如下設定：
優點：不需GTM、不需寫程式、設定簡單
缺點：無法知道填寫過程、使用者直接進入感謝頁可能造成誤判
方法四：元素可見度追蹤
很多表單提交後不會跳轉頁面，而是在原頁面顯示：
那可以用元素可見度觸發條件去追蹤。
第一步：查看頁面元素
查看這段話的源碼：
有class wpcf7-response-output，可以用CSS Selector的方式定位。
第二步：建立表單提交觸發器
在GTM中點擊「觸發條件」—「新增」—「選擇一個觸發條件類型以開始設定」——「元素可見度」，命名為“表單提交示範”，然後做如下設定：
元素選擇器裡之所以設定為div.wpcf7-response-output，是因為這個class是在div裡，具體看源碼。
第三步：建立GA4事件
在GTM中點擊「代碼」—「新增」—「請選擇代碼類型以開始設定…」——「Google Analytics（分析）：GA4 事件」，命名為“表單提交”，做如下設定：
這樣就可以實現事件跟蹤。
方法五：AJAX 表單追蹤方式
許多第三方表單都採用AJAX或SDK架構，因此需透過 callback、hook、postMessage或dataLayer.push觸發事件，再由GTM傳送至GA4，而非直接依賴表單提交觸發器，如：
- GTM上對Gravity Forms做表單跟蹤(GA4)
- GTM上對Klaviyo Forms做表單跟蹤(GA4)
- GTM上對Contact Form 7做表單跟蹤（GA4）
- GTM上對HubSpot Forms做表單跟蹤(GA4)
方法六：dataLayer.push（最推薦）
如果網站可由工程師修改程式碼，表單提交成功的時候透過dataLayer.push發送事件。
建議直接使用：
dataLayer.push({
event: "form_submit",
form_name: "contact_us"
});
Step 1：新增dataLayer.push程式碼
當使用者點擊指定位置時，觸發：：
dataLayer.push({ event: "form_submit", form_name: "contact_us" });
資料便會被推送到Data Layer中，等待GTM接收。
Step 1：建立資料層變數（Data Layer Variable）
接著需要在GTM中建立對應的資料層變數。
在GTM中點擊「變數」——「新增」——「請選擇變數類型以開始設定…」——「資料層變數」，命名為 “dlv-form_name”, 然後做如下設定：
Step 3：建立觸發條件
在GTM中點擊「觸發條件」——「新增」——「請選擇觸發類型以開始設定…」——「自訂事件」，命名為 “form_submit(dataLayer)”, 然後做如下設定：
當dataLayer.push發送的event名稱符合設定值時，即會觸發標籤。
Step 4：建立GA4事件標籤
在GTM中點擊「代碼」——「新增」——「請選代碼發類型以開始設定…」——「Google Analytics (分析)：GA4 事件」，命名為 “表單提交”, 然後做如下設定：
總結
GA4表單追蹤的核心原則是：不要只追蹤「表單被點擊」，而是要追蹤「表單成功提交事件」
在6種方法中：
- 最推薦：dataLayer.push
- 次推薦：AJAX / JS hook
- 一般適用：GTM Form Trigger
- 輔助方案：元素可見度
- 最簡單：感謝頁追蹤
- 最不穩定：GA4加強型評估
若要建立長期穩定且可擴展的數據追蹤架構，建議以 dataLayer.push + GTM + GA4 為核心設計方案。