How to Use Google Tag Manager and Google Analytics to Track Mobile Phone Clicks

David

November 8, 2016

If you have a website and you want to know how it’s performing, you should be tracking the types of conversions that are specific to your business and marketing goals. Doing so will help show if your efforts are producing a high return on investment. You need to know if your strategies are working or not in order to best invest your time and your money.

At PaperStreet we primarily track contact form completions and mobile phone number clicks. Have you ever wondered how many people view your website and click your phone number to call? If so, this tutorial will show you step-by-step exactly how to set this up from the very beginning.

Please do not be intimidated by the length of this post. Our tutorial goes into extreme detail so you don’t miss any steps. We’ve also provided screenshots to help you reference where to look.

For the purposes of this tutorial, Google Analytics will be referred to as “GA” and Google Tag Manager will be referred to as “GTM”.

Initial Setup with GTM

  1. Login to Google Analytics to make sure Google Tag Manager is setup under the same accountAdd a New Account
  2. Go to the URL https://tagmanager.google.com/
  3. Add your business name where it says “Account Name” then click “continue”
  4. Add in your website where it says “Container name”
  5. Select the appropriate container type. Since we are setting this up for websites, select “web” and then click “create”Setup Container
  6. Read and accept the GTM Terms of Service AgreementInstall Google Tag Manager
  7. Install the tracking codes appropriately within the suggested locations

Setup Variables, Tags and Triggers in GTM

  1. On the Workspace tab, click on “Variables” on the left-hand side
  2. Click on “Configure”
  3. Scroll down to the “Clicks” section and select the checkbox for “Click URL” then exitClick URL
  4. Now click on “Triggers” on the left-hand side and then click “New”Trigger Configuration
  5. Name the “Untitled Trigger” to be “Phone Number Trigger”Just Links
  6. Then click “Choose a trigger type to begin setup…”
  7. Under the “Click” section choose “Just Links”
  8. Check “Wait for Tags” and leave the default max wait time to be 2000
  9. Check “Check Validation”
  10. Where it says “Enable this trigger when all of these conditions are true” change it to be:
    1. Page URL matches RegEx .*
  11. Where is says “This trigger fires on” click “Some Link Clicks” and change it to be:
    1. Click URL contains tel:Trigger Configuration Detail
  12. Then click “Save” at the top right corner
  13. Now click on “Tags” on the left-hand side and then click “New”
  14. Name the “Untitled Tag” to be “Phone Call Click”
  15. Under “Tag Configuration” click on “Choose a tag type to begin setup…”Tag Configuration and Triggering
  16. Select “Universal Analytics – Google Analytics”
    1. Make sure your website is using Universal Analytics. Look for either analytics.js (for Universal Analytics) or ga.js (for classic Analytics). If it says “ga.js” then you need to update the tracking code within GA so that your website is using Universal AnalyticsChoosing a Tag Type
  17. Enter the Tracking ID. This can be found by viewing the source code of the website and finding the appropriate “UA-XXXXXXXXX” tracking code
  18. For the “Track Type” select “Event”
  19. Name the “Category” to be “Phone Call Click”
  20. Fill in the “Action” field to be “{{Click URL}}”
  21. Fill in the “Label” field to be “{{Page URL}}”
    1. The purpose of this is to show you what phone number was clicked and the page URL it occurred on for more comprehensive metricsTag Configuration
  22. Scroll down to “Choose a trigger to make this tag fire…”
  23. Select the “Phone Number Trigger” that we previously setup then click “Save” at the top right
  24. Once that is complete, we want to preview and debug our tag/trigger before we publish it

Preview and Debug

  1. Click back to the “Workspace” tab
  2. Click the drop down arrow near “Publish” in the top right and select “Preview”Preview and Debug
  3. In a new tab, view your website and click on a phone number link
  4. If you setup this up correctly, there will be a “Google Tag Manager” section below the website and you should see that the “Phone Call Click” tag fired on this page
  5. If you are not seeing that then it’s possible that you overlooked a step in the tutorial
  6. Once everything is working correctly you will want to then click “Publish” to make your tag/trigger go live

Google Analytics Goal Setup

  1. Now we need to log back into GA to set up this new GTM event to be counted as a conversion goal.
  2. Within GA, click on “Admin”
  3. Under the “View” column select “Goals”
  4. Click on “+New Goal” to create a new goal
  5. Within “Goal setup” select “Custom” at the bottom and click “continue”Goal Setup
  6. Name the goal “Phone Number Click”
  7. Under “Type” select “Event” and click “continue”Goal Setup Description
  8. Within the “Category” field enter “Phone Call Click” to match the event category we setup in GTMGoal Details
  9. Leave all other fields blank and then click “save” and “done”
  10. Now you have completely setup everything within GTM and GAGoogle Analytics Goals
  11. GTM will handle the actual event recording and then when GA records the event it will count it as a goal completion

Further Learning

Are you interested in learning more about legal marketing? Head on over to our SEO Guidelines & Best Practices page. Our guide will teach you the do’s and don’ts for law firm SEO along with what we include in our SEO plans.

Questions or Feedback?

We would love to hear your feedback if this blog post has helped you. Please feel free to let us know in the comments below.

If you need any assistance setting up conversion goals for your website, we are here to help. Please feel free to contact us if you need assistance.

Related Articles in Internet Marketing, SEO,

Our Services for Law Firms


2 Responses to How to Use Google Tag Manager and Google Analytics to Track Mobile Phone Clicks

  1. Justin Staples
    9:45 am on September 26th, 2018

    Nice post bro. Thanks!

  2. Swetha
    4:14 am on October 11th, 2018

    Very Nice Post !!

Leave a Reply

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

*

 

X PaperStreet slider logo

Free Consultation

Impress & Get Results.

Want a “wow” site now?

Get a quote.