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

需要任何協助嗎?

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

其他文章推薦

查看更多 →
【成功案例】修復GA4 網店總收益落差
成功案例

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

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

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

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

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

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理
Looker Studio

Looker Studio |國外串接工具 Supermetrics, Adveronix 價格比較整理

目前台灣要將臉書廣告數據、Google Ads、META 社群數據,或是GA4 數據彙整至Google Sheet, Looker Studio 都需要依賴以下這幾項工具 快客 、 Porter Metrics、Supermetrics、Reporting Ninja、Adveronix 與 Dataslayer.ai 。 如果你是正在尋找這種第三方串接工具的,這篇文章會很適合你,同時也可以考慮,由黑客數位所開發的串接工具 快客,價格合理、不限查詢次數、整合台灣常用資料源、全中文介面、中文客服支援 。本篇將深入比較五款熱門行銷報告與資料自動化工具 —— 快客 、Porter Metrics、S

Looker Studio 教學|Super Metrics 串接教學
Looker Studio

Looker Studio 教學|Super Metrics 串接教學

讓looker studio 串接臉書廣告數據。本篇文章使用supermetrics 帶你從0串接你的facebook ads 廣告數據。supermetrics 提供一個月999的台幣為授權使用費,也有提供免費使用的14天版本。

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入
成功案例

【成功案例】GTM 伺服器, Meta CAPI - GA4 完整導入

本次黑客與台灣知名充電站品牌 EVOASIS 合作。提供部署GTM 伺服器追蹤、META CAPI設定、GA4 完整電商事件導入。黑客提供前後端完整技術支援,協助客戶蒐集到更準確的事件追蹤數據。

【成功案例】修正GA4 總收益數據落差
成功案例

【成功案例】修正GA4 總收益數據落差

本次黑客與勵馨基金會合作,GA4 修正顧問指導。從原本大幅捐款金額落差,網站只有蒐集到網站10%的金額數據。至透過黑客提供正確修正流程,網站收益金額提高到7-8成的數據正確。

【成功案例】內容型漏斗規劃
成功案例

【成功案例】內容型漏斗規劃

本次黑客與 UDRIVE City 合作,規劃 GA4 內容型網站漏斗事件。從原本完全沒有任何GA4 數據,完整揭露每一個網站用戶的行為節點。提高後續數據分析的完整性,加入購物車事件↑∞、購買事件↑∞。

【成功案例】多管道數據報表建置
成功案例

【成功案例】多管道數據報表建置

本次黑客與 古北町 合作,規劃 Looker Studio 多管道數據報表。結合 META廣告數據 x GOOGLE Ads 數據。整理、重新規劃原本凌亂難讀的數據報表,提供人員無需再手動整理數據、匯出Excel 數據等。提高後續數據分析的效率。

【成功案例】數據分析轉換率優化
成功案例

【成功案例】數據分析轉換率優化

本次黑客與 DEPIC 合作。Looker Studio, Clarity, AB TEST, GA4 工具。替客戶找出網站熱門動線、專注區域,以及透過數據判斷冗贅流程、商品頁過長、修正用戶購物流程等。打造多管道報表,有助於企業未來在數據分析時更加有效率。