Easy to use Under Construction Page & Coming Soon Page. Enable Under Construction Mode in seconds & sh...
Track successful Divi contact form submissions with dataLayer events, Google Analytics, and Google Ads conversions.
Tracking for Divi is a WordPress plugin designed to enhance tracking capabilities for the built-in contact form in the Divi theme. It addresses the limitation where form submission events are triggered even with validation errors or server issues, providing a more accurate way to track successful submissions.
The plugin listens to network communication and offers three tracking options: a dataLayer event, a Google Analytics 4 event, and a Google Ads conversion. Users can customize event names and dataLayer variables, allowing for tailored tracking according to their needs.
Best for: This plugin suits users of the Divi theme who want to accurately track contact form submissions.
What it does well
Where it falls short
Tracking for Divi provides a solution for more precise tracking of form submissions, making it useful for Divi users focused on analytics.
Kuba Serafinowski's own description of Tracking for Divi, lightly tidied.
Ever wanted to track the built-in contact form from Divi? If you tried using Google Tag Manager’s built-in form submit events to do it you probably noticed an inflated number of events flowing.
This is because the form submission event is triggered even if there are form validation errors or the server returns another error.
Since Divi doesn’t provide any JavaScript events to hook into there is no straightforward way to find out if a message has actually been sent.
To get around this, this plugin listens to the network communication that is happening underneath. It’s based on the same mechanism Divi itself uses.
There are three options now:
You can use either one of them or event all of them together.
You’ll be able to customize the dataLayer variable if you’re not using the standard naming, and the event names, separately for dataLayer and gtag.
The structure of the object pushed to the dataLayer is the following, with the default naming:
{
event: "contact_form_submit",
formId: string,
postId: number,
formData: {
name: string,
email: string,
message: string,
},
allFormData?: Record<string, unknown>, // when "Include all form data" is enabled
}
It’s up to you to use or discard the form data.
The Google Analytics event is sent with flattened parameters:
gtag(
"event",
"contact_form_submit",
{
form_id: "divi/contact-form-0",
name: "John",
email: "john@example.com",
message: "Hello",
// additional fields when "Include all form data" is enabled
}
);
Form data (name, email, message) is included by default. When “Include all form data” is enabled, all form fields are flattened into the event parameters.
Other plugins for measuring traffic.
Easy to use Under Construction Page & Coming Soon Page. Enable Under Construction Mode in seconds & sh...
Manage Google AdSense ads, banners, ad rotation, sticky widgets, AMP ads, ads.txt, tracking, header and footer...
The best free Google Analytics plugin for WordPress. See how visitors find and use your website so you can gro...
Great looking maintenance, coming soon & under construction pages. Put your site under maintenance in minu...
Easily add tracking code snippets, conversion pixels, or other scripts required by third party services for an...
Adds Google Analytics tracking code to your WordPress site. Supports many tracking features.