Form Tracking

Guide to setup Thank you page form tracking using GTM

July 20, 2022
Google Analytics 4 Migration Via Tagmate

Before all else, why do you need to track a web form accurately? 

Web form is an instrument that collects information about your website visitors. 

If not tracked accurately, you would lose data about your prospects.

 

There are many web forms out there such as contact us forms, thank you page forms, element visibility forms.

In this guide, we’ll see how you can track thank you page forms.

What is Thank You Page Form Tracking?

Say, a visitor on your website fills out a form and clicks on the submit button. This redirects the visitor to a concluding page with a thank you message.

Something like this:

Thankyou page form tracking submission successful.

 

And the URL of the page changes, as shown in the image below.

Add the URL of the thankyou page

This type of form is known as thank you page form.

So if you want to track such forms on your website, this guide will take you through two different ways of doing so.

Let’s see how you can track thank you page forms in Google Analytics 4 (GA4).

Tracking Thank you Page Form Submission in GA4

  1. Using Google Tag Manager (GTM)
  2. Using the Tagmate App (Still using GTM but saving time by order of magnitude!)

1.) Tracking Form Submission using GTM

Let’s go through the first method of tracking thank you page form submission using GTM.

Part 1
Create Container and select workspace in GTM


Step 1:
Sign in to your GTM account.

Step 2: Select a workspace.

If you need help on how to select a workspace, go through this article.

💡 Pro tip: Create a new container and user ‘Default Workspace’


Part 2
Trigger configuration


Step 1:
Go to ‘Triggers

  1. Click on ‘Triggers’ from the left navigation panel.
  2. Click on ‘New’ on the top-right corner.
Go to triggers in GTM


Step 2:
Select ‘Form Submission' trigger

  1. Enter trigger name.
  2. Click on trigger configuration.
  3. Select ‘Page view’ trigger type.
Select form submersion trigger


Step 3
: Configure trigger

  1. Select ‘Some Page Views’ under the header ‘This trigger fires on’.
  2. Below you would see two dropdown lists. Select ‘Page URL’ from the first dropdown. Select ‘equals’ from the second dropdown. In the third column, enter the thank you page URL.
  3. Click on the ‘Save’ button at the top-right corner.
Configure Trigger in GTM


On saving, it should look like this:

Configure Trigger in GTM

Part 3
Tag Configuration

Step 1: Go to ‘Tags

  1. Click on ‘Tags’ from the left navigation panel
  2. Click on ‘New’ on the top-right corner.
Adding Tags in GTM


Step 2:
Create Configuration Tag

  1. Name the tag 
  2. Choose the tag type
  3. Select ‘Google Analytics: GA4 Configuration’ from the right navigation panel.
Creating Configuration tag in GTM


Step 3: Enter GA4 Measurement ID.

Enter GA4 measurement ID in GTM


Step 4: Allocate trigger to tag

  1. Click on ‘Choose a trigger to make this tag fire
  2. Select ‘All Pages’.
Allocate trigger to tag in GTM


Step 5: Save the Tag

  1. Click on the ‘Save’ button on the top-right corner.
Saving the Tag in Google Tag Manager


Step 6
: Go to ‘Tags

  1. Click on ‘Tags’ on the right navigation panel.
  2. Click on ‘New’ on the top-right corner.
Go to Tags in Google Tag Manager


Step 6
: Create GA4 event tag

  1. Enter Tag name.
  2. Click on ‘Choose a tag type to begin setup’.
  3. Click on ‘Google Analytics: GA4 Event’ from the right navigation panel.
Creating Event tag in Google Analytics 4

Step 7: Configure GA4 event tag

  1. Select configuration tag from the dropdown.
Configuring Google Analytics 4 event tag in Google Tag Manager

  1. Enter event name (recommended to have '_' between words).
Enter Event name in Google Tag Manager


Step 8
: Allocate / Choose trigger in GA4 event tag

  1. Click on ‘Choose a trigger to make this tag fire’.
Choosing Triggering condition in Google Tag Manager

  1. Select the ‘Page View’ trigger that was created in Step 3 of Part 2.
Selecting Page View Trigger in Google Tag Manager


Step 9
: Save ‘Tag

  1. Click on the ‘Save’ button on the top-right corner.
Saving the Tag in Google Tag Manager

Part 4
Preview tag

Step 1: Preview

  1. Click on ‘Tags’ from the right navigation panel.
  2. Click on ‘Preview’ at the top-right corner.
Preview mode in Google Tag Manager


Step 2
: Save ‘Tag

Click on ‘Connect’ as shown in the image below.

Connecting Tag Assistant in Google Tag Manager

Step 3: Submit a dummy form

  1. Open the website in tag assistant mode

To verify that you are viewing your website in tag assistant mode, look for a box with header ‘Tag Assistant’ in the bottom-right corner, as shown in the image below.

  1. Submit a dummy form.
Submitting Form in Google Tag Manager Debug view

Step 4: Check if the form submission tag is fired or not

Checking the form submission tag firing
Checking the form submission tag firing

Part 5
Verify in GA4

Step 1: Open debug view

  1. Open your GA4 Property.
  2. Click on “Configure” from the left navigation panel.
  3. Click on "Debug View".
Verifying Tags in Google Analytics 4

Step 2: Verify event and data

Verifying Event Data in Google Analytics 4

 

This was the first method of tracking thank you page form on your website.

Now, let’s take you through another method of tracking your thank you page form.

This one is easier and much faster compared to the first one.

Tracking Form Submission using Tagmate

But first, what is Tagmate???

Tagmate is a web-based tag management tool that automates tag implementation, be it UA or GA4.
Tagmate can track your forms in just a few clicks while ensuring 100% accuracy.

Let’s make a beeline for tracking thank you page forms using Tagmate.

 

Step 1: Open Tagmate

Sign in with your google account.

Sign in Tagmate

Step 2: Select GA4 project

GA4 implementation in Tagmate

Step 2:  Select an existing GTM Account or Add New.

Click on ‘GTM Account’ from the left navigation menu.

Tagmate Google Tag Manager account selection
Tagmate Google Tag Manager Account Selection

 

Step 3: Push to GTM

  1. On the left navigation panel, click on ‘Templates’. 
  2. Click on the ‘Form Submission’ header visible at the center of the screen.
  3. You can see a template named ‘Form Tracking’.
  4. Click on the ‘Push to GTM’ button.
Tagmate Form submission template selection

 

Step 4:  Select ‘Thank You Page Form’ template by clicking on ‘Select Method’.

Tagmate Thankyou Page form Submission

Step 5: Enter form name

  1. Enter your Form Name.
  2. Click on the ‘Next’ button at the bottom-right corner.
Enter form name in Thankyou Template in Tagmate

Step 6: Provide Triggering Condition

  1. Below you will see two dropdown lists. Select ‘Page URL’ from the first dropdown. Select ‘equals’ from the second dropdown. In the third column, enter the thank you page URL.
  2. Click on the ‘Save’ button at the top-right corner.
Select the triggering condition in Tagmate Thankyou page Tracking

Step 7: Check the tag in GTM

Cross checking the tag in Google Tag Manager made via Tagmate

Step 8: Star the preview mode

Repeat steps 1 to 4 of Part 4 of method number 2.

Preview mode in Google Tag Manager

Step 9: Validate it in GA4

Validating form submit tag made via Tagmate in Google Tag Manager

 

And that’s it!

You have quickly and effortlessly tracked your website’s thank you page form.

Watch video: How to setup form tracking in GA4 | Thankyou Page tracking

 

Here's the interesting bit. You can go BEYOND just tracking forms. With Tagmate, you can also track events such as Page Views, Page Load Time, 404 Error, and many more.

With 40+ pre-built industry templates, similar to the one you saw in step 4, you can quickly implement your tags with Tagmate.

See how Angel One eliminated developer dependency and saved 80% of the development time using Tagmate.

Anddd did we tell you? Tagmate can set up marketing pixels for Google and Meta Ads as well. It’s time you stop fretting over tracking conversions, and start focusing on the next game-changing campaigns!

In essence, if you want  to track tags and pixels within seconds, feel free to check out Tagmate.

Tags
Thankyou Page Form Tracking
google tag manager form submission
google tag manager thank you page
google tag manager form submission tracking
track form submission google tag manager
form submission tracking google tag manager
tracking form submissions with google tag manager
gtm form submit tracking
Ready to Get Started
Stay Updated
Subscribe to get the latest news, industry trends, blog posts, and updates.

Ready to get started

Join us and automate
your tag management process
with Tagmate

Question? Get them cleared at hello@tagmate.app
Start Free Trial