Solved Form Submission tracking - Tag Manager/ Google Analytics

The problem I find with tracking "thank you" pages, is they produce inaccurate results.

Here's what I've found:

User 'A' submits a form and lands on a "thank you" page. They leave the site from the "thank you" page, then return later by typing the URL into the browser. The browser auto-completes the last address they viewed on the site and the user lands back on the "thank you" page recording a (false) form submission event.

User 'B' for whatever reason decides to refresh the "thank you" page using F5 and another (false) form submission event is recorded.

User 'C' hits the form "Submit" button but leaves the site before the "thank you" page has time to load the analytics script and the "thank you" page view is never counted.


I've tested this by tracking form submissions and by counting "thank you" page views. They are usually different.


In response to the OP's original query, I track Divi form submissions using the following GTM configuration:

1. Enable GTM's built-in Form variables
2. Create a Form Trigger using the trigger type "Form Submission"
3. Set the trigger to fire on "Some Forms"
4. Fire the trigger when the following conditions are true: Form Classes > Contains > et_pb_contact_form
5. Create a Tag with the following configuration:

Track Type = Event
Category = Form Submit (or whatever you want to call it)
Action = Contact Us (or whatever you want to call it)
Label = {{Page Path}} (so you know what page the form was sent from)
Analytics Settings = (your tracking code)

This works well but there is one problem that I haven't yet been able to overcome, it tracks form submissions even if the form has not been successfully sent due to "required fields" not being completed.

There is an option in the GTM trigger type to "Check Validation", however the Divi form doesn't present any usable variable that identifies a 'successful' form submission.

I'll let you know if I find a solution to this.

 

What if you used the "Success Message" field as a variable that identifies a "successful" form submission?

 

Hey @Bazinga did you find a solution

 

Hi @Hibigibi this would be the best solution but I don't think this works, I'm no expert in GTM but I have looked at numerus guides online that use event listeners but the problem is that none of the classes or ID's change when the message is sent, so unless I'm missing something or this is another way?

 

I solved this with a plugin I created for a friend using the Divi theme. It's awaiting publication in the WordPress plugin directory but the code is open-source and you can see it on Github: https://github.com/zizzfizzix/tracking-for-divi. If you want the installable file here's the link: https://github.com/zizzfizzix/tracking-for-divi/releases/download/v0.1.0/tracking-for-divi.zip download it to your computer and upload it to your WordPress instance.

 

Hey Awesome thanks, I've just tested it and it works, for those testing it took around 24 hours for GA4 to register a form start and submit, not sure why it takes this long as other data is near instant, this is a GA4 issue though nothing to do with the plugin.

When do you think it will the WordPress plugin directory, and can you let me know when it is please?

 

Looks like it will be around 2 months, at least that's the notice they currently give when uploading. I'll post a link here when it's available. In the meantime, you can star the GitHub repo and get notifications when there are updates.

 

Great thanks, quick question does this only fire if the message successful message appears?

 

Hey the simple option is to just address the issue of the form not having an ID by putting an ID on the form. You can add this code in your integrations tab in Divi Options:

HTML:

<script>
jQuery(document).ready(function(){
   jQuery('.et_pb_contact_form').attr('id', 'divi_contact_form');
});
</script>

You can change 'divi_contact_form' to any ID you want

 

In short, yes. It's looking for an indicator of an error in the server response, if it's not there it will fire.
I have just released a new version (see https://github.com/zizzfizzix/tracking-for-divi/releases) with some customization options and the ability to send events and conversions to Google Analytics and Google Ads. No breaking changes, the default settings are still the same.

 

This plugin looks awesome! Was it every released? Will it need to be updated for the current version of Wordpress?