macbookandrew

<p>Adds Google Analytics Event Tracking to all Contact Form 7 forms sitewide, using “Contact Form” as the Event Category, the Contact Form 7 event as the Event Action, and the form name as the Event Label.</p>
<p>Supports the most popular Google Analytics plugins, including the following:</p>
<ul>
<li><a href="https://wordpress.org/plugins/google-analytics-for-wordpress/" rel="ugc">Google Analytics by MonsterInsights</a>, formerly “Google Analytics by Yoast”</li>
<li><a href="https://wordpress.org/plugins/google-analytics-dashboard-for-wp/" rel="ugc">Google Analytics Dashboard for WP</a> by Alin Marcu/ExactMetrics</li>
<li><a href="https://wordpress.org/plugins/googleanalytics/" rel="ugc">Google Analytics</a> by Kevin Sylvestre</li>
<li><a href="https://wordpress.org/plugins/pc-google-analytics/" rel="ugc">Google Analytics</a> by Praveen Chauhan</li>
<li><a href="https://wordpress.org/plugins/analytics-tracker/" rel="ugc">Analytics Tracker</a> by Valeriu Tihai</li>
<li><a href="https://wordpress.org/plugins/enhanced-e-commerce-for-woocommerce-store/" rel="ugc">Enhanced Ecommerce Google Analytics Plugin for WooCommerce</a> by Tatvic</li>
<li>The default Google Analytics code copied from the Analytics admin panel (both the newer <code>gtag.js</code> and the older universal <code>analytics.js</code>)</li>
<li>Google Tag Manager (using <code>gtm.js</code>) (see additional setup instructions in the FAQ section)</li>
<li>Any other plugin using <code>gtag</code>, <code>ga</code>, <code>_gaq</code>, or <code>__gaTracker</code> as the Javascript function</li>
<li>To add others, <a href="https://github.com/macbookandrew/cf7-google-analytics" rel="nofollow ugc">open a pull request</a></li>
</ul>


Contact Form 7 Google Analytics

The plugin dispatch custom events for CF7 forms, working perfectly.

But would be nice to customize the events.

Working fine

Works out of the Box

Adds Google Analytics Event Tracking to all Contact Form 7 forms. Note: once you are using Google Analytics v4, this plugin may no longer be necessary …

GusRuss89

Addons for Contact Form 7

<p>View a live preview of your form as you’re building it.</p>
<h4>Contact Form 7 Preview</h4>
<p>Contact Form 7 is great, but building your forms using form tags can be painful and slow when you have to constantly save, switch tabs and refresh to see your changes.</p>
<p>Contact Form 7 Live Preview relieves this pain by displaying a live preview of your form directly underneath the form editor.</p>
<h4>How does it work</h4>
<p>Contact Form 7 Live Preview creates a “dummy” form and displays it in the live preview pane. Whenever you make changes to a form you’re working on, it saves your current state to the dummy form and refreshes the preview. This means you don’t have to save your form to see your changes, which can be especially important if your form is currently live.</p>
<p>The dummy form is set to <a href="https://contactform7.com/additional-settings/" rel="nofollow ugc"><code>demo_mode: on</code></a>, which means you can test the validation and success messages and no emails will be sent.</p>
<h4>Note: It may not work with some themes or plugins</h4>
<p>The preview window displays <em>just</em> the form. It loads your site’s scripts and styles as long as they’re enqueued properly via <a href="https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts" rel="nofollow ugc">hooks</a>. If something isn’t looking right in the preview, make sure your scripts and styles are enqueued correctly, and aren’t loaded conditionally (E.g. <code>is_page('contact'))</code>.</p>
<p>If it doesn’t work for you, please don’t go straight for leaving a bad review. Let me know in the forums and we’ll figure out if the problem is with the plugin, or with your theme. If it’s a problem with the plugin I’ll try and fix it.</p>
<h4>Features:</h4>
<ul>
<li>Live preview changes to your form</li>
<li>Test validation and error messages without sending emails</li>
<li>Set the background colour of the preview (helpful if your form is going to be on a different coloured background once live)</li>
<li>Works with most CF7 addons that affect the look and behaviour of your form</li>
</ul>
<h4>Tested with:</h4>
<ul>
<li><a href="https://wordpress.org/plugins/material-design-for-contact-form-7/" rel="ugc">Material Design for Contact Form 7</a></li>
<li>Conditional Fields for Contact Form 7</li>
</ul>


Live Preview for Contact Form 7

View a live preview of your form as you're building it. Contact Form 7's form tags can be hard to wrangle. Immediate feedback saves you time …

Contact Form 7 Google Analytics vs Live Preview for Contact Form 7