Contact form 7 AJAX after sended hook for jQuery

Contact Form 7 聯絡表單 Plugin

這是一套非常火紅的外掛,今天這個外掛活躍安裝次數就超過500萬,是個驚人的數字呀,主要的原因是一個輕量、延展性強的的插件,所以幾乎每個WordPress使用者都裝過他。

聯絡表單也是每個網站不可或缺的元素,有時因應行銷的需求,可能會需要追蹤使用者行為,例如透過Google Tag Manager追蹤廣告成效,可能會需要在一些事件上埋入相對應的程式碼來設定轉換,已分析行銷成效,有!! Contact Form 7 當然也可以做到這點

在版本3.3中,使用新的jQuery事件觸發器:

Contact Form 7 用ajax發信,所以PHP Hook不太有用,3.3之後推出jQuery的事件,可簡單的捕捉到事件,下面就是個事件說明及用法

事件說明
wpcf7:invalid欄位資料驗證錯誤
wpcf7:spam
wpcf7:mailsent郵件已發送
wpcf7:mailfailed郵件發送錯誤
wpcf7:submit表單送出

使用方法:

/**
  v123 DEV
  https://v123.tw
*/
<script>
jQuery(".wpcf7").on('wpcf7:invalid', function(event){
  // Your code here
});
</script>

參考資料:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料