The Mobile Call Button: Where to Place It and How to Measure It
The mobile call button works only if a thumb can reach it. Where to place the tel: link on a phone, and how to measure taps as calls in Google Analytics.
Archive note. This article describes the situation as it stood when it was published. The rules, tools and features it mentions may have changed since. Check the current information with the official source before acting.
The mobile call button is the tap-to-dial bar or icon that lets a visitor ring you from their phone without copying a number or opening their contacts app. I'm Marven Salgado, and I set these up for small businesses across Greater Montréal, from Mascouche shops to Laval clinics. The button itself is the easy part. Where it sits on the screen is what decides whether a thumb ever finds it.
The mobile call button: what it is and why placement decides whether it gets used
The mobile call button is a tel: link, not a phone number typed as plain text, and its spot on the layout decides whether a one-handed visitor can reach it without shifting their grip. When someone lands on your site from a phone, they are usually holding it in one hand and scrolling with a thumb. If the button sits outside the thumb-reach zone, they have to stretch or move their grip to tap it, and a lot of them will not bother. For a business that earns most of its work over the phone, the call button is the one call to action that has to be effortless. Put it where the thumb already rests, and a passing glance can turn into a real phone call.
Thumb-reach zones on a phone screen and where the button belongs
Thumb-reach zones are the parts of a phone screen a thumb can cover without the hand shifting, and on a tall phone that means the lower half, not the top. That is why I lean toward the bottom of the screen for the call button. A header button looks tidy, but on a tall phone it forces a reach up top, and that small bit of friction costs you taps.
Sticky header versus sticky footer placement
A sticky footer keeps the call button in the easy-reach zone at the bottom of the screen, while a sticky header parks it up top where the thumb has to travel. Most people hold a phone in one hand with the thumb near the bottom, so I usually set the footer version for clients in Mascouche and Montréal. I keep the button visible as the page scrolls, next to a Get Directions or Book Now button when there is room. It is a small change that removes a step between reading the page and placing the call.
Tel: links and what happens when someone taps one
A tel: link tells the phone to open its dialer with your number already loaded, so the person only has to press the green call button to connect. That is the whole point of a click-to-call link: it removes the copy-paste step and the typing mistakes that come with it. I code mine as an anchor with a tel: href, like <a href="tel:+15145551234">Call Now</a>. The plus sign and the country code are what make it dial correctly across devices.
| Device | What happens when someone taps |
|---|---|
| Smartphone | Dialer opens with the number filled in |
| Tablet with no SIM | Offers to use Skype or a similar app |
| Desktop | Usually nothing, or an error |
Because a desktop browser behaves differently, I never rely on the tel: link alone there. I pair it with a phone number shown as readable text next to the button. Coding the button cleanly into the page is part of the web design work.
Call tracking numbers versus a plain phone number on the page
A call tracking number is a separate line you display instead of your real one, so the system can log which page or ad sent the call before connecting it to your phone. It records call length, time and source, then passes the person straight through. A plain number works fine when you have a single traffic source. Once you run ads and organic search at the same time, separate numbers let you tell which one produced the call.
Google Analytics: measuring calls without a call tracking service
Google Analytics can record a tap on your call button as an event, so you can measure taps without paying for a call tracking service. You set up an event that fires when someone clicks a tel: link, then turn that event into a goal. The cleanest way is a Google Tag Manager trigger that watches for clicks on any link whose URL starts with tel:, which catches the button no matter where it sits on the page.
Setting up an event or goal on the tel: link click
Set the tel: link click up as a Universal Analytics event through Google Tag Manager, then register that event as a goal in the Analytics admin so it lands in your reports. In Tag Manager I add a Just Links trigger where the Click URL starts with tel:, and fire a Universal Analytics event tag with a category, an action and a label, for example category Call and action Tap. In Google Analytics, under Admin and then Goals, I create a goal of type Event that matches that category and action. Once the goal records reliably, I can see how many people tapped the button and which pages they came from.
Placement and measurement checklist for a small-business site
Four checks tell you whether the call button actually works, and I run through them on every small-business site I touch.
- Confirm the tel: link sits in a sticky footer and stays visible while the page scrolls on mobile.
- Tap the number yourself on a real phone, not a desktop browser, to make sure it opens the dialer.
- Check Google Analytics for the click event firing when you tap it.
- Compare call volume before and after launch, using your phone's call log, or a call tracking number if you run ads.
I also check page speed, since a slow-loading page delays the button appearing at all. Fix that first if calls seem low, before you touch placement again.