Form Abandonment Tracking

January 30, 2024

Form Abandonment Tracking Plugin

Tracks form abandonment to the form field level as Google Universal Analytics events, including form submits.

Note: does not yet work with GA4. This plugin tracks form abandonment to the form field level, firing Google Analytics events 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 (ga) and/or Universal Analytics (ua) 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.

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.

Screenshots

  1. Form Names as Event Categories in GA

    Form Names as Event Categories in GA

  2. Form Names with Form Field Stats in GA

    Form Names with Form Field Stats in GA

  3. Form Field Level Stats in GA

    Form Field Level Stats in GA

  4. Form Field Stats per Form Shown in GA

    Form Field Stats per Form Shown in GA

FAQ

FAQs

Does it support both the older/original Google Analytics tracking code, and the new Universal Analytics tracking code?

  • Yes, it sure does.

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

  • You guessed it, 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.

Changelog

1.4

Bump compatibility, update branding and author, 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. Yay. Hi Mom. 😉

Details

  • Version: 1.4
  • Active installations: 80
  • WordPress Version: 4.6
  • Tested up to: 6.4.5
  • PHP Version: 5.5

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars