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連接的地方,一定要確保有正確解除連結,不然會造成事件重複、連結不上的問題。

更多文章

Looker Studio

  1. Looker Studio教學|Looker Studio 公式|電商指標
  2. Looker Studio教學|5個Looker Studio 混和資料功能
  3. Looker Studio 教學|指標維度是甚麼
  4. Looker Studio 教學|數據工程師帶你從0學Looker Studio
  5. Looker Studio教學|導入臉書廣告數據|Adveronix 免費工具

GA4

  1. GA4教學| 數據保留多久? 延長GA4數據保留時間?
  2. GA4教學|Measurment Protocol 實例
  3. GA4教學|GA4 如果有Not Set該怎麼辦
  4. GA4教學|GA4閾值門檻|GA4資料不正確
  5. GA4教學|GA4常見來源判定順序
  6. GA4教學|如何處理GA4重複事件
  7. GA4教學|自訂探索報表使用解說介紹|洞察來源unassigned
  8. GA4教學|GA4報表出現Unassigned如何解決
  9. GA4教學|排除金物流網域|Referrer必備知識
  10. GA4教學| 一定要知道的GA4資料設定

GTM

  1. GTM教學|GTM觸發條件常失敗
  2. GTM教學|設定 Consent Mode 同意聲明模式
  3. GTM教學|GTM問題總整理
  4. GTM教學|設定臉書像素|常見Meta問題總整理
  5. GTM教學|WordPress表單驗證事件|GA4追蹤教學
  6. GTM教學|手動設定GCP SERVER伺服器配置
  7. GTM教學|臉書像素重複事件怎麼解決
  8. GTM教學|GTM常用變數中文解說
  9. GTM教學|伺服器追蹤|自訂網域追蹤
  10. GTM教學|伺服器追蹤教學4|Http解說
  11. GTM教學|追蹤來自部落格轉換成效
  12. GTM教學|伺服器追蹤教學3 | Facebook轉換Capi設定
  13. GTM教學|伺服器追蹤教學2 | GA4事件設定
  14. GTM教學|伺服器追蹤教學 | 伺服器配置設定
  15. GTM教學|Tiktok廣告電子商務埋設大全3|廣告代碼埋設
  16. GTM教學|Tiktok廣告電商埋設2
  17. GTM教學|廣告電商埋設1|電商必要參數抓取
  18. GTM教學|電商埋設5|GA4電商埋設
  19. GTM教學|電子商務埋設大全4|GA4電子商務完整埋設
  20. GTM教學|GTM電商埋設3|抓取ItemName
  21. GTM教學|GTM電商埋設2|抓取ItemID
  22. GTM教學|電商埋設1|抓取Value
  23. GTM教學|提升廣告成效|Adblocker阻擋原理
  24. GTM教學|GTAG部署方式三大整理
  25. GTM教學|Google Ads 強轉換 | 購買金額
  26. GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
  27. GTM教學|AutoEvent追蹤使用者點選的圖片
  28. GTM教學|CSS Selector抓取表格的值
  29. GTM教學|了解網站熱門頁面|GTM追蹤點擊事件
  30. GTM教學|埋設事件|確認GA4有無收到事件
  31. GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤
  32. GTM教學|3分鐘檢查GA4事件重複錯誤
  33. GTM教學|GA4電子商務事件埋設範本
  34. GTM教學|DOM抓取電商中的轉換價值
  35. GTM教學|新的GTM容器一定要做這設定
  36. GTM教學|設定GA4事件大全
  37. GTM教學|推薦GTM範本|全新DataLayer寫入方式
  38. GTM教學|網站計時器埋設|抓出使用者進站停留時間
  39. GTM教學|如何辨別是否網站為SPA站
  40. GTM教學|名單型網站追蹤|Thankyou Page 填寫表單事件
  41. GTM教學|網站通話追蹤|臉書私訊、加LINE
  42. GTM教學|自訂網址追蹤|不是只有「UTM」才能做網址追蹤

BigQuery

  1. BigQuery教學|BigQuery預測GA4數據
  2. BigQuery教學|視覺化報表怎麼製作
  3. BigQuery教學|基礎必備語法|免費BigQuery資料導入
  4. BigQuery教學|串接BIgQuery | BIgQuery費用

其他

  1. 臉書粉絲專頁預覽連結無法顯示|已解決
  2. LINE Notify|Python串接教學|如何使用LINE Notify 自訂通知
  3. 如何查看網站(CMS)用哪個平台

error: