聯絡我們LINE加入 LINEFacebook粉絲專頁
GTM教學|WordPress表單驗證事件|GA4追蹤教學
GTM

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

表單事件在GA裡面算是加強型評估之一,所以基本上你有埋設GA4,他就會自動幫你開啟。但不幸的是它並不會幫你驗證「表單有無完整填寫」, 所以點了提交表單如果失敗,還是會傳送一次的GA4事件 。 因此你在GA4所看到的Form_submit,都是失敗與成功混在一起的。如果你想要看WORDPRESS表單驗證追蹤,那就繼續往下看本文教學。有分成不需要程式碼,Wordpress兩種方式都可以使用,如果是自己架設的平台,那就需要手動設定JS自訂代碼。 本篇文章也會透過WordPress兩個外掛,不需要碰到JS程式碼,即可完成表單驗證機制的功能。表單驗證機制有甚麼好處?對於老闆、決策者來說,可以明確知道實際

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

需要任何協助嗎?

最快一個工作天將與您聯繫。

其他文章推薦

查看更多 →
GTM 教學|Shopify 如何設定META 免費像素?
GTM

GTM 教學|Shopify 如何設定META 免費像素?

這篇會教你使用SHOPIFY 的顧客事件 (自訂像素) Customer Pixel 來安裝行銷常用代碼。例如,META, GA4, Gads 轉換代碼等。透過AI 可以快速協助我們完成這些行銷追蹤碼的設定。

【成功案例】GA4 電商事件規劃
成功案例

【成功案例】GA4 電商事件規劃

本次黑客協助規劃舒康雞電商網站,完整規劃GA4電子商務必要事件,以及正確觸發事件。精準蒐集網站用戶行為,大幅提高網店轉換率。

【成功案例】轉換率優化模組
成功案例

【成功案例】轉換率優化模組

本次黑客與三隻斑馬合作,提供轉換率優化模組埋設,幫助電商網站改善用戶動線、用戶體驗,以增加廣告用戶的實際購買轉換率。本次黑客協助提供撰寫前端轉換率模組,以及完整設定、指導轉換率模組使用教學。

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告
AI

Meta Ads MCP 是什麼?不用寫程式也能讓 AI 分析 Meta 廣告

行銷人、廣告投手一定要學的 MCP 串接方式。輕鬆讓 AI 讀取 Meta 廣告資料,透過 MCP 開始分析你的 Meta 廣告數據、GA4 數據等更多。一站式輕鬆分析廣告數據、廣告操作等複雜任務交給AI!

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 低調生活DLIFE 合作,協助提供完整 GA4 數據健檢、完整GA4事件規劃、提供頂尖數據儀表板。再透過快客數據串接,協助客戶打造一系列的數據報表,同時也提供完整數據流工作的完整解說。

【成功案例】GA4 導入
成功案例

【成功案例】GA4 導入

本次黑客與 澄駒國際車業 合作,協助提供完整GA4事件規劃、提供頂尖數據儀表板。透過快客數據串接,協助客戶打造一系列飛快的數據報表,同時也提供完整數據流工作的完整解說。

GA4教學|數據工程師教你使用GA4 MCP
GA4

GA4教學|數據工程師教你使用GA4 MCP

這篇文章會教你使用 CLAUDE 或是其他 AI AGENT 帶你從 0 串接 GA4 MCP。需要注意創立 Service Account 時候,建議使用個人帳號,如果你是使用企業帳號,則會有權限限制的問題,導致你的GA4 沒辦法加入 Service Account。

【成功案例】修復GA4 網店總收益落差
成功案例

【成功案例】修復GA4 網店總收益落差

台灣開店平台常有數據與GA4 數據大幅落差問題。導致數據人員無法判讀數據的困擾。

【成功案例】修復GA4 網店工作階段判讀落差
成功案例

【成功案例】修復GA4 網店工作階段判讀落差

本次黑客修復網店utm 臉書廣告歸因判讀,以及direct / none 歸因判讀錯誤問題。成功將網店的臉書廣告歸因提升141% 正確修復,而direct / none 也有明顯下降!