Form Abandonment Tracking for Google Analytics GA4

Description

This plugin tracks form abandonment to the form field level, firing Google Analytics (GA4) events (via ga(‘send’) Javascript calls) using the existing Google Analytics code installed on your site. Each form will be tracked using it’s ID name, with each field using the field name, and each change of the field focus fires an event to Google Analytics tracking whether the field was empty (skipped) or not (completed). Submit is tracked as a separate event as well. In Google Analytics, these events will generate stats on number of fields completed, number skipped, and submits, with percentages, for each form on your web site.

Be sure to give all your forms an ID with a specific name you choose, the events will be sent using the form ID name, and if not set, it will be sent as “form-without-id”, which will not be as useful.

The javascript is loaded into the footer of the site, and uses jQuery to detect the form field focus change, and requires that the Google Analytics (GA4) code is already added to the site.

If this plugin saved you time, please send a donation with an amount you feel your time is worth, to ensure continued support and encourage future development.

Feel free to submit a rating and review, I’d really appreciate your feedback.

Wish it did something else as well? Use the Support tab to submit your thoughts.

Screenshots

Installation

Go to Plugins -> Add New, search for the name of the plugin, and then find it in the list, and click Install Now.

Or use the old manual upload method:

1. Click the Upload option. Choose the plugin zip file you downloaded. Click the Upload button.
2. Activate the plugin.

Once activated, be sure to give all your forms an ID with a specific name, the events will be sent using the form ID name, and if not set, it will be sent as “form-without-id”, which will not be as useful.

FAQ

FAQs

Does it support GA4?

• Yes, it now does. Sorry for the wait.

My forms in Google Analytics are all being displayed as “form-without-id”, how do I fix this?

• The forms don’t have a form ID name. Be sure to give all your forms an ID with a specific name you choose, the events will be sent using the form ID name, and if not set, it will be sent as “form-without-id”, which will not be as useful.

With Contact Form 7, how do I get it to use a specific form ID?

• Use ‘html_id’ in the shortcode, like so: [contact-form-7 id=”2112″ title=”my form title” html_id=”contact-form”]

Created and Supported by 5 Star Plugins

We create and actively support superb plugins worthy of 5 star reviews, visit our website https://5starplugins.com/.

Our best performing plugin is our Features Images in RSS plugin, with tens of thousands of active installs and hundreds of thousands of downloads, you should check it out as well.

Reviews

Contributors & Developers

Changelog

= 1.5=
Bump compatibility, added GA4 support, remove Universal Analytics since it is now dead in GA.

1.4

Bump compatibility, update author and branding with new banner, prep for new features and premium options.

1.3

Bump compatibility, update branding and author, prep for new features and premium options.

1.2

Updated to include support for Yoast’s new Universal Analytics prefix, as well as original, and commented out console log output debugging.

1.1

Updated to include support for Universal Analytics, and fix a bug in tracking submits.

1.0

• First release.