How to track Form submissions in Google Analytics using Google Tag Manager.

How to use Google Tag Manager to track Form submission in Google Analytics.

In this part I will tell you method where you can track Form submit events where after successful submission of Form the URL doesn't changes. Means after successful submission of the Form you are not redirected to a thank you page or any other confirmation page.

First  step is that  you have to install Google Analytics using Google Tag Manager (GTM) in your website. If you don't know how to install Google Analytics through Google Tag Manager (GTM) follow  the Video : https://www.youtube.com/watch?v=28d60ejfk3s&t=184s

After you have deployed Google Analytics through GTM,  login to your Google Tag Manager and Select Variable > Click Configure > Select all the Form Elements (Form Element, Form Classes, Form ID, Form Target, Form URL and Form Text etc.)

Go back to GTM Home page and click preview.
Next go to your website page which is having that Contact Form in another tab of the same  browser. When you will open that Contact Form page, then a small Google Tag Manager Tab will also open under your website like this as it has appeared under my test website :

KINDLY NOTE : I am doing this with my Subscription form .You have to follow the same process for your Contact Form.

Fill up your Contact Form with correct detail and click submit (or Press Ctrl + submit if the page is getting refreshed).

In Google Tag Manager Tab below Summary you will  see gtm.formSubmit event appear.

Click gtm.formSubmit and then click Variables.
Under Variables, press scroll down and until you will see Form ID. If it doesn't appear then you can use Form Class. Actually I will suggest you to use Form ID as it is unique to an element.
Copy this Form id and keep it somewhere for use in Next Step.

Now go to trigger and Click New .
1. Name your trigger , like Contact Form Submitted Trigger.
2. Click Trigger Configuration.
3. Under Choose Trigger type : Select Form Submission.

After you select Form Submission you will be brought back to Trigger Page.

Now in next step set Trigger Configuration as follows : 
1. Under 'this trigger fires on ' click value : Some Forms.
2. Under 'Fire this trigger when an Event occurs and all of these conditions are true' set value  as per :
 In first field select FORM ID, second field select equals & in third field : copy your FORM ID that earlier I ask you to paste somewhere.
3. Finally Click Save.

Now go to GTM Home page and select Tags and click New

1. Name your Tags anything  like Contact Form Submitted Tags.
2. Click Tag configuration.
3. Select Google Analytics - Universal Analytics.

After selecting Google Analytics  - Universal Analytics you will be brought back to tags window.
Now perform the following configuration :

1. Under  Track type select : Event
2. Name Category : Contact Form (You can name it anything . Please note that this name is going to be reflected in Google Analytics as Event Category against whom we will set a goal)
3. Name Action :  Successful Submitted
4. Google Analytics setting : Select your Google Analytics ID.

Now scroll down and click triggering
1. Select Contact Form Submitted Trigger. (This trigger was created in earlier steps).
2. Click Save.



Now got to GTM Home page click Refresh. Open your Website Google Analytics Account and also Visit your Website Contact form page , again fill your Form and click submit.


Now when you visit your Check Google Analytics Account > Under Real Time > Event if  everything is correct then you will see that the Contact Form Event has been deployed successfully into Google Analytics.

Hope you followed each and every step and it worked out like mine.
Now you can set a custom Goal in Google Analytics against this Event Category : Contact Form.

For that, in Google Analytics, go to Admin > View (in which you want to set Goal) > Goals > New Goal .

1. Under Goal Set up select Custom & click continue.
2. Name the Goal & under Type select Event. Click Continue.
3.  Under Goal Details , Event Condition set Category Equal to > Contact Form.
4. Click Save.

In this way you have created a Goal against Contact Form submission.

The lesson was quite long but I think it was easy to understand through the image representation . If any query kindly comment below.