How To Setup Event Tracking in Google Tag Manager?

  • Home / SEO Tips / How To Setup…

When you run a business website, you may wish to track if a user had an interaction with your website that leads to conversion. Some of the most common events you may want to track are Phone Calls, Email Clicks, and Form Submission. The best way to track events by using the Google Tag Manager.

How to Install Google Tag Manager Code on Your Website

In the first step login to Google Tag Manager and create an account. Fill in the account name, select your country and add your domain in the container name. Choose the web in the target platform. Accept the service Google Tag Manager Terms of Service Agreement and hit Yes. 

first step login to Google Tag Manager

After the above process, you will get the Google Tag Manager Code. Add the first code in the <head> part of your website and the second code in the <body> part as per the instruction.

Google Tag Manager Code

Configure Built-in Variables in GTM

After the code installation, we need to configure built-in variables in Google Tag Manager. We need to add the click variables which are not available in the default setup.

Configure Built-in Variables in GTM

After this process now you can set up different events in Google Tag Manager. Here are the examples to set up the most common event tracking.

Phone Calls Event Tracking in Google Tag Manager

Here are the steps to follow Track Phone Calls Events

Phone Calls Tag Setup

  1. Create a new tag named “Phone Calls”.
  2. In tag configuration choose the tag type “Google Analytics: Universal Analytics”.
  3. Choose an event in track type.
  4. In Event Tracking Parameters add Category = Phone Clicks, Action = Click to Call, Label = {{Page Path}}
  5. In Google, Analytics Settings choose to Enable overriding settings in this tag and put your Google Analytics Tracking ID

Phone Calls Event Tracking in Google Tag Manager

Phone Calls Trigger Setup

  1. Go to choose a trigger.
  2. Click on add new trigger.
  3. Name the trigger “Call Trigger”
  4. Choose Just links in trigger type
  5. Choose some links in trigger fires on
  6. In Fire this trigger when an Event occurs and all of these conditions are true

Click URL> contains > tel:

Phone Calls Trigger Setup

Email Click Event Tracking in Google Tag Manager

Here are the steps to follow Track Email Click Events

Email Tag Setup

  1. Create a new tag named “Email Clicks”.
  2. Choose tag configuration tag type = “Google Analytics: Universal Analytics”.
  3. Select the event in track type.
  4. In Event Tracking Parameters add Category = Email Clicks, Action = Click to Mail, Label = {{Page Path}}
  5. Put your Google Analytics Tracking ID again In Google Analytics Settings

Email Click Event Tracking in Google Tag Manager

Email Click Trigger Setup

  1. Choose a trigger.
  2. Select add a new trigger.
  3. Name the trigger “Email Trigger”
  4. Choose Just links in trigger type
  5. Choose some links in trigger fires on
  6. Fire this trigger when all of these conditions are true

Click URL> contains > mailto:

Email Click Trigger Setup

Contact Form 7 Event Tracking in Google Tag Manager

To track contact form 7 form submission we need to add contact form 7 listener tag in GTM. For this select a custom HTML tag in Tag configuration and add the following code.

<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
window.dataLayer.push({
“event” : “cf7submission”,
“formId” : event.detail.contactFormId,
“response” : event.detail.inputs
})
});
</script>

And in the trigger choose the trigger “All Pages”

Contact Form 7 Event Tracking in Google Tag Manager

Contact Form 7 Tag Setup

  1. Create a fresh tag named “Contact Form 7”.
  2. Select tag configuration type = “Google Analytics: Universal Analytics”.
  3. Select track-type = Event.
  4. In Event Tracking Parameters add Category = Forms, Action = submit, Label = {{Page URL}}
  5. Put Google Analytics Tracking ID In Google Analytics Settings.

Contact Form 7 Trigger Setup

  1. Choose a trigger.
  2. Add a new trigger.
  3. Name the trigger “Custom – cf7submission”
  4. Choose a custom event in trigger type
  5. Select event name > cf7submission
  6. Select all custom event in trigger fires on

Contact Form 7

After setting up the required event tag we need to publish this tag to work properly. For this hit the Submit Button on the top right corner> click publish and click skip to continue. Now track these events in Google Analytics we need to set up Goals.

Phone Calls Goal Setup in Analytics

Here are the steps to setup Phone Calls Goal

  1. Add New Goal
  2. Add Name = Phone Calls
  3. Select Goal Type = Event
  4. Add this in Goal Condition

Category = Phone Clicks

Action = Click to Call

Phone Calls Goal Setup in Analytics

Email Goal Setup in Analytics

Here are the steps to setup Phone Calls Goal

  1. Add New Goal
  2. Add Name = Email
  3. Select Goal Type = Event
  4. Add this in Goal Condition

Category = Email Clicks

Action = Click to Email

Email Goal Setup in Analytics

Contact Form Goal Setup in Analytics

Here are the steps to setup Phone Calls Goal

  1. Add New Goal
  2. Add Name = Contact Form Lead
  3. Select Goal Type = Event
  4. Add this in Goal Condition

Category = Forms

Action = submit

Conclusion

That’s it you can now easily track your conversion in Analytics. Hope this Google Tag Manager event setup guide will help you to track events and conversion easily. If you still have any issues then contact our SEO professionals at White Label SEO Lab. We have a skilled expert that helps digital marketing agencies in getting the top position in search engines for their clients.

Write a Comment

Your email address will not be published. Required fields are marked *