What You’ll Need Before You Start

Before configuring form tracking, make sure you have the following set up correctly.

1. Google Analytics 4 Property

Your website should already be connected to a Google Analytics 4 property.

If you haven't completed this step yet, create a GA4 property and verify that page views are being recorded.

2. Google Tag Manager Installed

Google Tag Manager should already be installed across every page of your website.

Using GTM instead of adding tracking code directly makes your analytics easier to manage and reduces the need for developer involvement whenever you want to add or modify tracking.

3. Access to Your GTM Container

You'll need permission to create:

• Tags
• Triggers
• Variables

Without edit access, you won't be able to publish your changes.

4. GTM Preview Mode

Always test new tags before publishing them.

Google Tag Manager's Preview Mode allows you to verify that your trigger fires correctly when a form is submitted.

Testing first helps prevent inaccurate analytics data.

5. GA4 DebugView

GA4 DebugView lets you see events in real time before they appear in standard reports.

This makes it much easier to confirm that your form submission event is reaching Google Analytics successfully.

How Form Tracking Works in GA4

Many beginners assume Google Analytics automatically detects every form submission.

Unfortunately, that's not always true.

Different websites use different technologies to process forms, which means the tracking method depends on how your form behaves after a visitor clicks Submit.

Generally, there are four common approaches:

Method 1: Form Submission Trigger

Google Tag Manager detects a successful form submission and sends a custom event to GA4.

This is the most common method for standard HTML forms.

Method 2: Thank You Page Tracking

After submitting a form, users are redirected to a unique thank-you page (for example, /thank-you).

GA4 records a page view for that page and treats it as a conversion.

This is one of the simplest and most reliable methods when available.

Method 3: Button Click Tracking

Some forms don't reload the page or trigger a traditional form submission.

In these cases, you can track clicks on the Submit button instead.

However, this method should be used carefully because a button click doesn't always mean the form was submitted successfully.

Method 4: AJAX or JavaScript Forms

Modern websites often use AJAX to submit forms without refreshing the page.

Examples include forms built with Elementor, HubSpot, React, Vue, or custom JavaScript frameworks.

These usually require custom event listeners or Data Layer events in Google Tag Manager for accurate tracking.

Which Method Should You Use?

The best method depends on how your website is built:

Choosing the right tracking method ensures your conversion data is accurate and avoids duplicate or missed events.

Now that you understand the different tracking methods, it's time to configure your first form submission event in Google Tag Manager (GTM) and send it to Google Analytics 4 (GA4).

For this tutorial, we'll use the Form Submission Trigger because it works well with many standard HTML forms and WordPress plugins.

Note: If your website uses AJAX-based forms (such as Elementor, HubSpot, React, or Vue), you may need to use a custom event or Data Layer instead. We'll cover that later in this guide.

Step 1: Open Your Google Tag Manager Container

Log in to your Google Tag Manager account and select the container connected to your website.

Before making changes:

• Ensure your GA4 Configuration Tag is already published.
• Verify GTM is installed on all pages.
• Confirm you have Publish access.

Keeping your container organized from the start makes troubleshooting much easier later.

Step 2: Enable Built-In Form Variables

Google Tag Manager includes built-in variables that help identify form submissions.

To enable them:

1. Go to Variables.
2. Click Configure.
3. Enable the following variables:

• Form ID
• Form Classes
• Form Element
• Form Target
• Form URL
• Form Text

These variables allow GTM to identify which form triggered the event, especially if your website contains multiple forms.

Pro Tip: If your website has separate forms for contact requests, newsletter signups, and quote requests, these variables help you track each one independently.

Step 3: Create a Form Submission Trigger

Next, create the trigger that detects successful form submissions.

Navigate to:

Triggers → New → Trigger Configuration

Select:

Form Submission

You'll see several options that determine when the trigger should fire.

Recommended Settings

• Wait for Tags: Enabled
• Check Validation: Enabled

These settings ensure the tag fires only after a successful form submission rather than when someone simply clicks the submit button.

Limit the Trigger

Avoid firing on every form across your website.

Instead, specify which form you want to track.

For example:

Form ID equals

contact-form

or

Page URL contains

/contact

or

Form Classes contains

contact-form

This prevents duplicate or irrelevant events from being recorded.

Step 4: Create a GA4 Event Tag

Once your trigger is ready, create the event that will be sent to Google Analytics 4.

Go to:

Tags → New

Choose:

Google Analytics: GA4 Event

Select your existing GA4 Configuration Tag.

Now enter the event name.

A clear naming convention is important because you'll use these events later in reports and conversions.

Recommended Event Name

generate_lead

or

form_submit

Google recommends using standard event names whenever possible.

For lead generation websites, generate_lead is usually the better option because it aligns with GA4's recommended event schema.

Step 5: Add Useful Event Parameters

While the event name tells GA4 that a form was submitted, event parameters provide valuable context.

Consider sending:

These parameters allow you to compare performance across different forms and landing pages.

For example, instead of knowing you received 200 form submissions, you can identify:

• 120 Contact Form submissions
• 45 Quote Requests
• 35 Newsletter Signups

This level of detail makes reporting much more actionable.

Step 6: Attach the Trigger

At the bottom of your GA4 Event Tag, choose the Form Submission Trigger you created earlier.

Save the tag.

At this stage, nothing is live yet—that's intentional.

Always test before publishing.

Step 7: Test Using GTM Preview Mode

Google Tag Manager includes a built-in Preview Mode that lets you verify your tracking without affecting live visitors.

Click Preview in the top-right corner.

Enter your website URL and connect to your site.

A debug window will open.

Now:

1. Visit the page containing your form.
2. Fill in the required fields.
3. Submit the form.

If everything is configured correctly, you should see:

• Form Submit trigger fired
• GA4 Event Tag fired successfully

If the trigger doesn't appear, review your trigger conditions or verify whether the form uses AJAX.

Step 8: Verify Events in GA4 DebugView

After confirming the tag fired in GTM, switch to Google Analytics.

Navigate to:

Admin → DebugView

Submit your form again.

Within a few seconds, your event should appear.

You should see something similar to:

generate_lead

Click the event to inspect its parameters and verify everything is being sent correctly.

Testing with DebugView before publishing helps catch issues early and prevents inaccurate reporting.

Step 9: Publish Your Changes

Once you've confirmed the event is working:

• Return to Google Tag Manager.
• Click Submit.
• Add a descriptive version name, such as:
  • "Added Contact Form Tracking"
  • "GA4 Lead Event Setup"
• Publish the container.

Your tracking is now live.

Every future form submission will automatically be sent to Google Analytics 4.

Mark the Event as a Conversion

Tracking an event is useful, but marking it as a conversion makes it even more valuable.

To do this:

1. Open Google Analytics 4.
2. Navigate to Admin.
3. Select Events.
4. Find your event (for example, generate_lead).
5. Enable Mark as Conversion.

From now on, every successful form submission will count as a conversion in your GA4 reports.

This conversion data can also be imported into Google Ads for campaign optimization.

Common Problems and How to Fix Them

Even experienced marketers occasionally encounter tracking issues. Here are the most common problems and their solutions.

The Trigger Doesn't Fire

Possible causes:

• Incorrect trigger conditions
• Wrong Form ID or class
• AJAX form
• GTM not installed properly

Always verify the trigger in Preview Mode before publishing.

Duplicate Form Events

If you see multiple events for a single submission, you may have:

• Two triggers firing simultaneously
• Plugin-based tracking plus GTM tracking
• Multiple GA4 tags installed

Use only one tracking method whenever possible.

Event Appears in GTM but Not in GA4

Check the following:

• GA4 Configuration Tag is firing first
• Measurement ID is correct
• Browser isn't blocking analytics scripts
• Consent Mode settings
• DebugView filters

Form Uses AJAX

Many modern forms submit data without refreshing the page.

In these cases, you'll need to:

• Listen for a custom JavaScript event
• Push a Data Layer event
• Trigger GA4 from the Data Layer event

This approach provides much more reliable tracking than button click events.

Best Practices for Accurate Form Tracking

To keep your analytics clean and reliable:

• Use descriptive event names like generate_lead.
• Track successful submissions instead of button clicks.
• Test every change in GTM Preview Mode.
• Verify events in GA4 DebugView before publishing.
• Avoid duplicate tags and triggers.
• Use event parameters for richer reporting.
• Document your GTM container so future updates are easier to manage.

Following these practices ensures your marketing decisions are based on accurate data.

Frequently Asked Questions

Can GA4 automatically track form submissions?

GA4's Enhanced Measurement may detect some form interactions, but it doesn't reliably track every successful submission. Using Google Tag Manager gives you greater control and accuracy.

Should I track button clicks or successful submissions?

Whenever possible, track successful form submissions. A button click doesn't guarantee the form was submitted successfully.

Does this work with WordPress?

Yes. This method works with popular plugins such as Contact Form 7, WPForms, Gravity Forms, and many others. Some plugins also provide custom events that can be used with GTM.

Can I track Elementor forms?

Yes. Elementor forms typically use AJAX, so you'll usually need a custom event or Data Layer trigger instead of the standard Form Submission trigger.

Can I import these conversions into Google Ads?

Yes. Once your event is marked as a conversion in GA4 and linked to Google Ads, you can import it to optimize campaigns based on real leads instead of clicks.

Final Thoughts

Tracking form submissions is one of the most valuable improvements you can make to your website analytics. It transforms GA4 from a simple traffic-reporting tool into a powerful platform for measuring business outcomes.

By combining Google Analytics 4 with Google Tag Manager, you can accurately capture lead generation events, evaluate marketing performance, and make informed decisions that improve conversion rates and return on investment.

Whether you're running a small business website, an eCommerce store, or a large enterprise platform, reliable form tracking gives you the insights needed to optimize campaigns and grow with confidence.

Need Help Setting Up GA4 or Google Tag Manager?

At Jaseir Technologies, we help businesses implement accurate GA4 and GTM tracking, configure conversion events, build custom dashboards, and optimize analytics for better marketing performance. If you're looking for a reliable analytics setup tailored to your business, our team is ready to help.