SOLVED: How To Track Calls & Emails From Your Website

Setup Call Tracking in Google Analytics (using Tag Manager) Without Hours of Coding!

For those of you that have tried several techniques (including trawling through Google search – which simply states that you can buy a telephone tracking function if you pay them directly, usually through a forward service), and have remained largely unsuccessful at tracking phone number clicks on your site; we're BarkWeb and we're going to be your SEO guide to tracking Phone Calls generated from your website.

  • Exclusive fourteen step guide to Click to Call, Phone Number event tracking on your website
  • Learn how to create a Google Tag Manager container
  • Integrating Tag Manager, Analytics and Search Console
  • Learn how to set up passive remarketing audiences
  • Learn how to set up dynamic goals and conversions from Tag Manager events
  • Installing Tag Manager on your site, whether it’s a Jolojo site, Squarespace or even a WordPress site

Why track phone calls from your website?

Honestly, the function is invaluable to your website. Aside from reducing bounce rates (a debated ranking signal), and giving you a much clearer idea of the audience engagement and behaviour on-site, you will also be able to track almost anything from the website using Google Tag Manager. From email clicks to form submissions, this guide is going to show you exactly how to track all clicks and taps on your website, whilst passively building a remarketing list for the future.

Within this guide, we are going to look at FREE click to call event tracking as shown here in Google analytics goals:

First thing’s first, when desperately searching for click to call event tracking the majority seem to believe that churning out an illegible JavaScript is the way forward. Well, I’m sorry coders, for us SEO buffs we only know one type of coding and that is JSON-LD at best, Schema at worst.

I was so determined to learn click to call event tracking I was even considering learning JavaScript just for this one function. Seriously, I signed up to Code Academy and started learning basic coding for a couple of weeks. Finally, after four different Google employees attempted and failed to show me the best way to track phone calls, I managed to arrange a complete walkthrough of how to add tracking to any element of any website myself.

It’s amazing really, even Google’s Analytics Experts have an incredibly limited knowledge on this matter; with most simply stating that they’ll pass me onto their superiors who might know how to do such a “complicated procedure” and need to arrange a call back in a few hours’ time to find out such sensitive information.

There aren’t any guides on how to do this easily, and the existing guides seem so techie that I can only imagine their final steps would be to call Skynet and complete the AI invasion, because their knowledge of coding is nothing short of binary-based hysteria (at least to me).

So, follow me my budding SEO champions, today we’re going on an event-tracking adventure.

Step 1: Creating a Tag Manager container

This is under the basis that everyone who owns a website also owns a Google Analytics account.

This is possible via logging into Tag Manager using your Google Analytics account.

Under the Accounts tab -> press Create Account

You should have the following screen – make the account name something memorable (usually the name of the website, but something shorthand if this is your only container you are going to create)

Note: Please ensure you read through all of the Tag Manager terms and conditions before advancing.

Step 2: Installing Tag Manager onto your website

Once you have selected a Web container, a popup is going to occur with instructions on how to install GTM on your account. You are going to want to replace Google Analytics on your website with the new Tag Manager script. If you’re using WordPress, there are tons of plugins which allow you to install GTM with ease. Alternatively, if you’re on SquareSpace, there are plenty of guides available to help you install Google Tag Manager on your site.

If you’re a BarkWeb client already, you'll already have this set up as standard. If you're interested in finding out more about your Tag Manager account, give us a call on 01323 735800 and we'd be happy to help! Alternatively, if you're on our BarkWeb CMS2 or Jolojo, simply copy your Tag Manager account ID (starting with GTM-) then paste this into the ‘Analytics’ tab, choosing Google Tag Manager from the dropdown menu. Remember to check that Tag Manager is deployed on all pages!

Once created, click edit and select all pages – otherwise your data might be inaccurate.

Step 3: Setting up custom variables on Google Tag Manager

Once installed, Tag Manager is going to prove to be an everlasting fountain of audience behaviour analysis for you. Don’t worry if it’s all a little overwhelming at first, it is the easiest to use tool in Google’s toolbox.  

Next, we’re going to click on 'Variables' on the left-hand side of the screen (as so):

 

Click on ‘Configure’ and tick every variable under ‘Clicks’ and ‘Forms’.

 

Step 4: Creating a Tag on Tag Manager                     

Now, for the important bit. To make sure you don’t lose any data – go to ‘Tags

Step 5: Integrating Google Analytics with Google Tag Manager

Name this tag ‘GA – Base Code’ so you can keep things neat, and click on the ‘Choose a tag type to begin setup’, and decide on your type of Google Analytics. (99% of all users are going to be on Universal Analytics)

Step 6: Where to find your UA code on Google Analytics

Open a new tab and head on over to Google Analytics

Click on the top left name of your property and view – most likely named All Web Site Data, is where you can find your Google Analytics information – take note of the long number below your Property name (structured like so: UA-XXXXXXX-X)

Step 7: Enabling advanced link attribution and advanced demographics on Google Analytics

Whilst you’re still in Google Analytics, you should start to build a remarketing audience on the off-chance that you will one day like to create a remarketing campaign targeting those visitors that have visited you before. Even if PPC doesn’t seem like something you want to embark on just yet, it is certainly worthwhile to start building an audience as early as possible.

To do so, click on Admin at the bottom left-hand side of the screen, then in the middle column choose ‘Property Settings’

It should bring you to this page:

Once on this page, simply tick the ‘Enable demographics and interest reports’ and ‘Use enhanced link attribution’ page. Now Search Console has been merged, you can also integrate your Google Search Console account to Google Analytics and incorporate technical and behavioural data. I would also suggest setting an industry category and default URL to help Google index your site correctly.

Step 8: Setting up Remarketing features on Google Analytics

Finally, on Analytics, click on ‘Tracking info’ and follow it up with ‘Data Collection’, you should see the following screen.

Once here, simply tick the ‘Remarketing’ and ‘Advertising Reporting Features’. If you have an AdWords account already, you can link it under the Product Linking tab, otherwise – continue to the next step and sit back whilst Analytics starts collecting Remarketing data should you ever need it.

Step 9: Installing Google Analytics on Google Tag Manager

With the Google Tag Manager tab still open, add the Universal Analytics code from your clipboard to the UA code input on your new Tag in Tag Manager.

Now, you need to fill this information out exactly. Any discrepancies between Analytics and Tag Manager mean that data will not pull through accurately.

Paste your code into the top, and ensure you tick all the relevant options. Then select the ‘All Pages’ trigger – it should be the only trigger you currently have. Click save, and then publish.

Step 10: Previewing and debugging tags and how to create the perfect trigger

PHEW! That’s your basic analytics code integrated, now for the fun part!

Click on the arrow on the right of the red ‘Publish’ button, and click on the ‘Preview and Debug’ option.

And go to your site, from here you most likely need to force refresh (CTRL+F5) if the bottom half of your screen doesn’t pop up with the tag manager QUICK_PREVIEW.

With this open, click on the telephone number on your site, for our website, we have coaligned our number’s href to contain the international phone number i.e. +44 to help keep our contact numbers Unicode for Google to index them correctly.

If your options aren’t popping up under the variables tab (which is a common issue), then right click and 'Inspect’ like so:

Now, copy whatever the href currently is to your clipboard, or alternatively split your screens so you can type it out manually. If you havn’t set a href for your phone number yet, simply add an external link to your phone number starting with tel: and it will redirect all phones and browser-based VOIP software to call the number.

Step 11: Creating a "Click to Call" phone number event trigger on Google Tag Manager

Back to Tag Manager, go to the ‘Triggers’ tab, and create a new trigger directly as followed:

(Click - All Elements 

Some Clicks

Click Element - matches CSS selector - [href="tel:+441323735800"])


Once you're done, click ‘Save’ and close the window.

 

Step 12: How to create a "Click to Call" phone number event tag in Google Tag Manager

Click on the ‘Tags’ tab on the left-hand side, go back into your ‘GA – Base Code’ and copy the UA code you initially put in onto your clipboard. Then go back and click on the red ‘New‘, from here we can create a new tag. Simply fill out the information, then add your new trigger.

The Click Element shows the number that was clicked, and the page URL shows in the label as the url they clicked on the number from, this is all invaluable information.

So, click save, and then click on ‘Preview and Debug’ for the last time (next to the publish button, remember?).

Step 13: Testing your new "Click to Call" function

Go back to your site, tap refresh and hopefully you should see your new tag not fired on this page (yet!)

Simply click on the number, and watch your tag fire. It should pop up as a new event (usually a gtm.click – hence why we have set the trigger to all elements and not just links).

It’s now tested and debugged, you can go back to tag manager and publish your results, or continue adding more triggers if you have more telephone numbers. The beauty of this set up is that you can add multiple triggers to single Click to Call tags, and then differentiate within Google Analytics by using the Label field. For those with 5+ numbers, this is by far the best method of click to call tracking available to you.

Step 14: Creating custom goals on Google Analytics, based on Google Tag Manager events

Integrating your calls as a goal – this is possible through logging back into your Google Analytics, Clicking on Admin -> View -> Goals.

Under Goals, click on ‘+New Goal’ and select ‘Custom’.

 

Type out a name that will differentiate this goal and ensure you know what it is! Click to Call is usually good enough for me.

Finally, set the Category to the same Category as defined in Tag Manager i.e. "Phone Calls" (ensuring you typed it exactly the same as the tag in Tag Manager). And tap ‘Save’.

You can test the events in real-time using Google Analytics Real-Time.

It usually takes 24-48 hours before the results start pulling through – then you can review your goals under ‘Conversions – Goal Overview’.

And there you have it! Click to Call event tracking isn’t as hard as they would have you believe... is it?

Google Tag Manager can be used to track any activity/clicks on your website using this method, including but not limited to:

Email clicks, phone number clicks, form submissions, button clicks, external link clicks, internal link clicks, search clicks... Pretty much any and every event possible on your site.

If you have any questions whatsoever, please leave a comment and I’ll do my best to help answer your queries :)

Alternatively, check out our SEO page for further information on SEO services and how they can help improve the engagement, traffic and revenue from your website, with extensive examples of successful SEO. We even have a free SEO auditing tool should you wish to improve your website on your own, or to get an idea of what Google might see as a potential issue on your site.

Thanks for reading!

 

Tell us about your project

If you'd like a refreshing conversation about your project or any of our web design, web development or digital marketing services, with a team who are programmed for your success, we'd love to hear from you.

Let's chat

All images and content are subject to Copyright © 1999 - 2018. All rights reserved.
Business address: BarkWeb Limited,15 Hyde Gardens, Eastbourne, East Sussex, BN21 4PR, GB | Tel: 01323 735800 | Email: enq@barkweb.co.uk.
BarkWeb Limited is a private limited company registered in England and Wales | Company No. 04695538 | Business hours are 09.00 to 17:00 Monday to Friday
Terms and Conditions | Privacy Policy | Sitemap
BarkWeb Limited Rated 5 / 5 based on 12 reviews | Review us on Google

Powered by Jolojo

Enter our Galaxy... Enquire Now

All images and content are subject to Copyright © 1999 - 2018. All rights reserved.
Business address: BarkWeb Limited,15 Hyde Gardens, Eastbourne, East Sussex, BN21 4PR, GB | Tel: 01323 735800 | Email: enq@barkweb.co.uk.
BarkWeb Limited is a private limited company registered in England and Wales | Company No. 04695538 | Business hours are 09.00 to 17:00 Monday to Friday
Terms and Conditions | Privacy Policy | Sitemap
BarkWeb Limited Rated 5 / 5 based on 12 reviews | Review us on Google

Powered by Jolojo