GTM教學｜WordPress表單驗證事件｜GA4追蹤教學

表單事件在GA裡面算是加強型評估之一，所以基本上你有埋設GA4，他就會自動幫你開啟。但不幸的是它並不會幫你驗證「表單有無完整填寫」， 所以點了提交表單如果失敗，還是會傳送一次的GA4事件 。

因此你在GA4所看到的Form_submit，都是失敗與成功混在一起的。如果你想要看WORDPRESS表單驗證追蹤，那就繼續往下看本文教學。有分成不需要程式碼，Wordpress兩種方式都可以使用，如果是自己架設的平台，那就需要手動設定JS自訂代碼。

本篇文章也會透過WordPress兩個外掛，不需要碰到JS程式碼，即可完成表單驗證機制的功能。表單驗證機制有甚麼好處？對於老闆、決策者來說，可以明確知道實際的管道「成功提交表單」的量，進而去選擇鋪拓適當的來源渠道；壞處則是因為篩選機制變嚴格，因此轉換事件的成本也會提高，另外利用轉換事件來進行系統學習的臉書，就會比較難脫離學習期。

表單驗證教學

需要先安裝以下兩個外掛GTM4WP、Contact Form 7。兩者都是免費的插件外掛，第一個是GTM連接WP，第二個是表單外掛插件。如果你的GTM已經有透過其他方式串接，務必 確認有解除其他地方的串接 ，以免造成GTM連接不上、重複事件等其他問題發生。

安裝的外掛名稱

GTM4WP

Contact Form 7

需先連結Contact Form7 與GTM，透過GTM4WP來設定你全站的GTM事件，再由連接好的GTM設定GA, FB等串接。GTM4WP還有一個額外技巧是，可以透過上方截圖的「啟用/停用容器代碼」，你可以讓這個外掛只傳送DataLayer，而不影響在其他的埋設。換句話說， 你只要GTM4WP的資料，但不想要透過GTM4WP幫你串接GTM 。以上這個情況，就可以選擇「停用容器代碼」。

GTM4WP有支援contactform7的表單驗證功能。此功能需要先用這個外掛串接GTM，由這個外掛來Push事件到你設定的GTM。

Contact Form 7 是一款完全免費的可以自訂表格外掛，也可以自訂新增原始碼的表單外掛，同時GTM4WP裡面有內建支援Contact Form 7，偵測有無正確表單提交的事件，

查看有無push新事件

上面步驟都完成後，會發現GTM DEBUG中已經有多出新的事件，可以再後續拿" 成功提交 "的事件，來做為表單發送的事件追蹤。後續設定事件就跟GA4設定一般事件一樣，如果你不知道怎麼設定基礎事件，你可以查看這篇「 GTM埋設基礎教學 - 選單事件追蹤 」。

總結

透過這一個方式可以快速實施，網站上的表單驗證追蹤，最常見的問題就是，如果你有部署多個GTM連接的地方，一定要確保有正確解除連結，不然會造成事件重複、連結不上的問題。