Track succesfull form submissions with Contact Form 7 using DOM events

apasionados

<p>The “on_sent_ok” and its sibling setting “on_submit” of the Contact Form 7 plugin are deprecated and scheduled to be abolished by the end of 2017. The recommended alternative to on_sent_ok is using DOM events (More info: <a href="https://contactform7.com/2017/06/07/on-sent-ok-is-deprecated/" rel="nofollow ugc">on_sent_ok Is Deprecated</a>). <strong>This plugin helps to set these DOM events to track form submissions (Google Analytics event, Google Analytics page view and Facebook pixel)</strong>.</p>
<p>You can also <strong>hide the form after correct submission</strong> and <strong>deregister the Contact Form 7 styles and JavaScript on pages without forms</strong>.</p>
<blockquote>
<p>Please note that this plugin does not work with <a href="https://support.google.com/analytics/answer/10089681" rel="nofollow ugc">Google Analytics v4</a>.</p>
</blockquote>
<h4>What can I do with this plugin?</h4>
<p>This plugin <strong>tracks succesfull form submissions with Contact Form 7 using DOM events</strong>. You can track the form submissions as Google Analytics Event, as Google Analytics page view or as Facebook Pixel Lead.</p>
<p>The plugin also gives the option to <strong>hide a contact form</strong> after succesfull form submissions.</p>
<p>And finally it also has the option to <strong>include the styles and JavaScript of Contact Form 7 only on pages with contact forms</strong> and not on all pages which is the standard behaviour of Contact Form 7.</p>
<h4>What ideas is this plugin based on?</h4>
<p>This plugin is based on the instructions of the author of Contact Form 7 when he anounced that <a href="https://contactform7.com/2017/06/07/on-sent-ok-is-deprecated/" rel="nofollow ugc">on_sent_ok Is Deprecated</a>. We needed a solution for the sites we are running for ourselves and for our customers.</p>
<h4>System requirements</h4>
<p>PHP version 5.5 or greater.</p>
<h4>TROUBLESHOOTING</h4>
<p><strong></strong><strong>Before creating a support ticket</strong> for <a href="https://wordpress.org/support/plugin/cf7-submission-dom-tracking" rel="ugc">Submission DOM tracking for Contact Form 7</a> please have a look at the <a href="https://wordpress.org/plugins/cf7-submission-dom-tracking/#troubleshooting%20general%20javascript%20errors" rel="ugc">Troubleshooting section of the FAQ</a> and specially at the <a href="https://wordpress.org/plugins/cf7-submission-dom-tracking/#are%20there%20any%20known%20incompatibilities%3F" rel="ugc">Are there any known incompatibilities?</a> section (in short: <em>the plugin doesn’t work with Contact Form 7 redirection plugins or add-ons for Contact Form 7 that redirect the user in some form using the DOM events and the Facebook lead isn’t recorded when using PixelYourSite</em>).</p>
<h4>Submission DOM tracking for Contact Form 7 Plugin in your Language!</h4>
<p>This first release is avaliable in English and Spanish. In the “languages” folder we have included the necessarry files to translate this plugin.</p>
<p>If you would like the plugin in your language and you’re good at translating, please drop us a line at <a href="https://apasionados.es/contacto/index.php?desde=wordpress-org-contact-form-7-submission-dom-tracking-home" rel="nofollow ugc">Contact us</a>.</p>
<h4>Further Reading</h4>
<p>You can access the description of the plugin in Spanish at: <a href="https://apasionados.es/blog/seguimiento-envio-formularios-contact-form-7-wordpress-plugin-7774/" rel="nofollow ugc">Submission DOM tracking for Contact Form 7 en español</a>.</p>
<h3>Contact</h3>
<p>For further information please send us an <a href="https://apasionados.es/contacto/index.php?desde=wordpress-org-contact-form-7-submission-dom-tracking" rel="nofollow ugc">email</a>.</p>


Submission DOM tracking for Contact Form 7

It's a great plugin highly customizable very well documented.

Alternatives to Submission DOM tracking for Contact Form 7

Top alternatives