Skip to Content Skip to Navigation Skip to Enquiry Skip to Sitemap

How To Set Up Contact Form 7 Event Tracking in GTM Without “on_sent_ok”

Article by
18th October 2017 in

If you use the plugin Contact Form 7 on your WordPress website, you may have noticed that recent changes have broken form submissions and event tracking, specifically with the removal of the ability to use “on_sent_ok” in additional settings. Thankfully, we’ve found a solution… 

In the past, we leveraged Daniel Carlbom’s process of using “on_sent_ok” in Contact Form 7 to push a Data Layer event for use in Google Tag Manager on successful form submissions. This method worked fine, however the “on_sent_ok” setting has now been depreciated by the makers of Contact Form 7 (see screenshot below). This change means that in order to more accurately measure these goals, we will now needed to find an alternative.

While Contact Form 7 have presented a solution for pushing Google Analytics events by editing your WordPress functions.php file, we needed an easy solution that integrated with Google Tag Manager, and pushed a form submission event to the Data Layer.

The Solution…

If you’re looking for a fast solution that pushes a Data Layer event after a successful form submission, or require a simple way to get your Contact Form 7 event tracking working without editing WordPress files, simply download our CF7 GTM template.

Download the Bonfire Contact Form 7 GTM Template
(right click -> save link as…)

Our method uses a custom HTML script to listen for the wpcf7mailsent DOM event, and then fires an event to the Data Layer when this occurs. We then setup a trigger based on this Data Layer event which is used to track goal conversions in Google Analytics.

We recommend merging the template with your existing container and updating the {{UA Code}} variable to the Google Analytics UA tracking code on your website.

Advanced Tip: If you need the Google Analytics tag to only fire on selected Contact Form 7 forms, simply alter the Contact Form Submit Trigger to fire when the FormID variable equals your required FormID number.

Stay up to date with the latest news from the brightest minds.

Close enquiry the form