Microsoft Clarity for Small Business: See Where Customers Get Stuck

Picture a small grocery shop. The owner knows from the ledger that bread sales dropped this month. He knows by how much, and he knows which days. What the ledger cannot tell him is why. Then one day he scrolls back through the CCTV footage and sees customer after customer walk straight to the bread shelf, look at a price tag that has been stuck on backwards, reach for a loaf, hesitate, put it down and leave. The problem was never the bread. It was one price tag.

The ledger tells you customers left. The camera tells you where.

A business website has both of these too. Your visitor numbers tell you how many people came and how many left without doing anything. A tool like Microsoft Clarity works like the CCTV: it shows you how far people scrolled, what they tapped, where they tapped again and again out of frustration, and whether they gave up before they ever reached your contact button. In this article I will walk through what Clarity can do, which recordings to watch first, and, just as important, which privacy settings to switch on before you record anyone at all.

Answer these three questions first. It takes less than five minutes

First: when someone opens your homepage on a phone, do you know whether most people scroll far enough to see your LINE button or phone number? If your honest answer is "probably," then right now we are guessing.

Second: pick up your phone, open your own website, and tap everything that looks tappable. Product photos, price cards, the little icons next to headings. See whether anything does nothing at all when you tap it. If even one thing does, that is exactly where real customers are tapping too, and you have never seen it.

Third: when was the last time you actually watched a stranger use your website? If you cannot remember, that is completely fine. Almost every business owner I talk to cannot answer this one, because until recently the only way to do it was to sit next to a customer yourself. I described that hands-on method in Hand Your Website to Your Parents for 5 Minutes, and it is still a great test. Clarity is the version you can keep running every day with real customers, without sitting next to anyone.

What Microsoft Clarity lets you see

Clarity is a free tool from Microsoft that you install with one short snippet of code on your website. Once it is in place, it records how each visitor scrolls, clicks and moves on your pages, and shows that back to you in two main ways: individual replays, and an overall heatmap view.

Session recordings: replays of one visitor at a time

A session recording replays what one visitor did on your site from the moment they arrived to the moment they left. You see their screen, see them scroll, see where they stopped to read, which menu they opened, which photo they tapped and where they left. These are not videos from a camera or a capture of the customer's real screen. Clarity records the interactions on the page and redraws the page for you to watch, and any text you have set to be masked is never sent in the first place. I will come back to that in the privacy section.

The first time you watch a few, you will probably feel what I felt: it is oddly absorbing, and a little humbling, because real people use a website nothing like the way we imagined when we designed it. Some scroll so fast they cannot possibly be reading. Some come back to the price table three times. Some type into the search box and then delete it.

Heatmaps: where everyone clicked and how far they scrolled

If a recording is watching customers one at a time, a heatmap stacks all of them on top of one page. Microsoft's heatmap documentation lists several types, but the two a business owner will use most are the click map, which colours the spots people click most, and the scroll map, which shows the percentage of visitors who reached each part of the page, along with an average fold line showing how much of the page most people could see before they started scrolling.

The scroll map is what answers the first question in that self-test. If your contact button sits in a part of the page that only a small share of visitors ever reach, it does not matter how nice the button looks; most people never see it. I wrote about sites that pack in so much information that people never reach the important part in The Website That Explains Too Much. A scroll map is how you prove whether your own site has that problem, instead of arguing about it on gut feeling.

Frustration signals Clarity flags for you

My favourite part of Clarity is that you do not have to watch every recording to find the trouble spots, because it tags recordings that contain certain behaviours. The Semantic metrics page in Microsoft's Clarity documentation describes four worth knowing.

Rage clicks are when a visitor clicks several times in rapid succession in the same small area, like someone jabbing the lift button when the lift will not come. Microsoft describes them as a strong indicator of frustration, often happening where people expect something to be interactive.

Dead clicks are clicks on something that gives no response within a reasonable time. The screen does not change and nothing navigates anywhere. The cause might be a broken element, a slow response, or something that simply looks clickable when it is not. On small business sites, the ones I see most are product photos people expect to enlarge and blue text that is not a link.

Quick backs are when someone goes to another page and quickly returns to where they were, which means the page they went to was not what they expected. Tapping a "Services" menu and landing on an About Us page is a classic.

Excessive scrolling is scrolling up and down far more than the average, which usually means someone is looking for something and cannot find it.

None of these four give you the answer. They tell you which recordings to open first, and that alone saves an enormous amount of time.

The numbers to know before you install it

The first thing owners always ask me is whether it is really free. In Microsoft Clarity's FAQ, last updated in September 2026, Microsoft says Clarity is free forever, has no traffic limits, never forces you onto a paid version, and needs no credit card to sign up. The same page says Clarity records up to 100,000 sessions per project per day, which is far beyond anything almost any small business site will reach.

The other thing to know is that the data does not stay forever. Microsoft says recordings are kept for 30 days from the time they are recorded, except recordings you mark as Favourites and a randomly selected sample, which are kept for up to 9 months. Heatmaps can be viewed for up to 9 months. In practice, that means if you find a recording that explains a problem clearly, star it straight away. Otherwise it will be gone in a month.

As for whether it slows your site down, Microsoft answers on the same page that the Clarity script is asynchronous and does not affect how quickly your website loads. That is the vendor's own statement, so I suggest doing what our team does with every tool: after installing, open your site on a real phone and compare it with how it felt before, just to make sure everything is as smooth as it was.

Before you record anyone, switch on the privacy settings

This is the part of the article I want to give the most weight to, because the first question people ask once they hear a tool like this exists is: "Isn't this spying on my customers?"

I will be honest: that instinct is reasonable. I do not think it is an overreaction at all. Watching a stranger scroll through your site second by second feels far more personal than looking at a number, and precisely because it feels that personal, getting the settings right from day one matters. It is like a shop that installs CCTV considerately: it puts up a sign saying cameras are in use, and it never points a camera at the card PIN pad.

Masking: hiding text before it leaves the customer's device

According to the Masking content page in Microsoft's Clarity documentation, there are three masking modes. The default is Balanced, which masks only what Clarity classifies as sensitive: numbers and email addresses. Strict masks all the text on the page, and Relaxed masks no ordinary text at all. The reassuring part is that whichever mode you pick, whatever people type into input boxes and the options in drop-down menus are always masked, and Microsoft says masked content is never uploaded to Clarity.

For a typical business website, my advice is not to switch to Relaxed just because you want to read the text in recordings more clearly. If your site shows customers' personal details on screen, such as an order-tracking page with a name and address, use Strict, or have your web developer add the attribute data-clarity-mask="True" to that section, which masks that element and everything inside it. And remember that masking changes only apply to new recordings, can take up to an hour to take effect, and cannot be applied retroactively to recordings already made. So set them before you go live, not after you have seen something you should not have.

One more thing site owners often do not realise: only a project's admins can change the masking settings. So the admin account should belong to the business itself, not to the freelancer or agency who helped install it. Our team learned this the hard way with a different measurement tool, when an old account had been created by an outsider and nobody on our own team could get in to manage it.

Cookies and visitor consent

In its FAQ, Microsoft answers the question of whether you need to inform users about the cookie Clarity uses with a one-word "Yes." Its Consent Mode documentation explains that you can set Clarity not to place cookies until a visitor has given consent, by going to Settings, then Setup, and turning cookies off by default. When a visitor does not consent, Clarity runs in a limited mode with no cookies and treats each page view as a separate session, so recordings are broken up page by page. For visitors who accept, it can follow them across pages. If your site already has a consent banner, your developer can pass that choice on to Clarity through the Consent API Microsoft provides.

Microsoft began enforcing consent signals for visitors from the European Economic Area, the UK and Switzerland on 31 October 2025. For visitors from elsewhere it does not yet require them, but recommends sending the signal anyway. I want to keep this distinction clear: that is a condition of the tool, not an answer about what Thai law requires.

On what kind of consent your website needs under Thailand's PDPA, I will not interpret the law for you. We are a web team, and legal answers should come from the Personal Data Protection Committee office or your own legal adviser. What I can tell you is that the tool gives you every switch you need to use it carefully, and if you want to review PDPA across your whole site, including your contact form, privacy policy and cookie banner, I summarised it in PDPA and Your Business Website. One more thing worth knowing before you start: Microsoft says that to delete a specific user's data, you have to delete the entire project. That alone is a good reason to mask carefully from the beginning.

"I don't have time to sit and watch other people's recordings"

That is true, and I am not going to argue with it. An owner who answers the chats, packs the orders and does the books does not have a spare hour a day to watch strangers browse. And if you open Clarity and just play recordings from the top of the list, you will be bored within a day, because most recordings are someone arriving for three seconds and leaving. They teach you nothing.

That is why I do not recommend watching a lot. I recommend watching a few, and choosing them well. Ten recordings a week, chosen carefully, takes about half an hour, and usually turns up at least one thing you can fix. The next section is how to choose them.

The first ten recordings to watch

Clarity has filters that let you pick recordings by the pages visited, by device, and by behaviour tags such as rage clicks or dead clicks. The recipe I use for small business websites splits ten recordings into five groups.

Start with three recordings of people who visited your pricing or contact page but left without tapping LINE or calling. These are the people who came closest. Watch where they last stopped to read.

Next, two recordings tagged with rage clicks. Look at what they were jabbing at. Often it is a button that loads slowly on mobile, or a photo they wanted to enlarge.

Then two recordings with dead clicks on your most important page. If several people tap the same thing that is not a link, your customers are telling you "this should be clickable."

Then two recordings of mobile visitors landing on your homepage. Just watch how far they get. These show you the real experience of most customers of Thai SMEs, who open websites on their phones.

Finish with one recording of someone who did get in touch. People often skip this one. Following the path of someone who reached the goal shows you what on your site is already working, so you do not accidentally "fix" it away.

While watching, note just three things per recording: what they came for, where they got stuck, and if you could change one thing, what it would be. If the same spot shows up in three or more recordings, that is the thing to fix first. Star any recording that shows a problem clearly, because, as I said, ordinary recordings disappear after 30 days.

Why installing it today beats waiting

Clarity only collects data from the day you install it. Nothing before that. If one day you decide to adjust a page, move a button, change photos or rebuild the whole site, having a heatmap of the old page saved lets you compare whether the change actually helped. Microsoft's documentation even includes a heatmap comparison feature for exactly this, but you can only compare if the before data already exists.

The other reason is that patterns get clearer the longer you collect. In the first week you may only see problems from a handful of people. After a month, you start to tell the difference between one person's accident and a problem that happens to everyone.

The minimum version you can set up in an afternoon

You do not need every feature. What I consider enough to start is this: sign up for Clarity with the business's own account, install the code across every page, set masking to Balanced or Strict and add the masking attribute to any section showing personal details, set the cookie behaviour to match your site's consent banner, and add any team members who need to watch recordings as ordinary members rather than admins.

If your site runs on a ready-made platform, most have a place to paste tracking code. If your site is custom-coded, it is a short job for your developer. What matters more than installing it is checking that it really works on the site your customers see. When our team rebuilt our own site in 2026, we had a case where the ad conversion tag went live with the site but sat in the wrong place, so it wasn't actually running on the live site for about a week after the ads went live. Clicks came in, and nothing was counted. The lesson: never assume it is installed. Open your site on your own phone and check that your own session actually shows up in Clarity. Microsoft says recordings start appearing as soon as the code is added.

Real examples you can open

If you want to see what it looks like before installing, clarity.microsoft.com has a demo where you can open a real dashboard, recordings and heatmaps without signing up. Try opening a scroll map in the demo, and you will see immediately why I put so much weight on it.

The case closest to a small business website that I could find is the Onward agency case study Microsoft published in December 2025. The site they worked on belongs to a company called Deep Forestry, which was already getting well-targeted visitors but converting few of them. Heatmaps showed people clicking around the bottom-of-page call-to-action area, where three buttons competed: two "Book a Demo" buttons and one "Contact Us." The team merged them into a single embedded contact form and renamed the navigation link "Book a Free Consultation" to match the actual service.

According to Microsoft, dead clicks fell from 9.5% to 0.5%, and the site gained 40 new consultation bookings over four months. I should be upfront that this is an overseas case the tool's own maker chose to publish, not Thai market data, and that over the same period the site's sessions also grew by 85%. So I would not claim all 40 bookings came from fixing the buttons. What the case clearly shows is the drop in dead clicks, which is a direct result of the change. And the lesson I take to almost every Thai SME site is that several contact buttons competing with each other make people hesitate more than they help them decide.

A five-step plan for this week

1. Sign up for Clarity with the business's email address and create a project for your website.

2. Before installing the code, set masking and cookie behaviour, and have your developer add the masking attribute to any section with customer data.

3. Install the code on every page, open the site on your own phone, and check your session shows up in Clarity.

4. Let it collect for about seven days, then watch ten recordings using the recipe above, and open the scroll maps for your homepage and contact page.

5. Fix the single issue that came up most often, note the date you changed it, and come back in two weeks.

How to measure whether the fix worked

Pick a number tied directly to what you changed. If you fixed something people were tapping with no response, compare that page's dead click rate before and after, just as the Onward case did. If you moved your contact button higher, use the scroll map to see how much the share of people who reach it went up. And if you want to know whether more people are tapping your LINE button, Clarity's Smart events can count clicks on key buttons without any extra code.

There is one more measure no tool can count for you: what customers actually say. Our sales team asks every new customer who calls or messages on LINE "where did you find us, and what did you search for?", because no tool can see a LINE conversation. A tool plus a person keeping notes gives a fuller picture than Clarity alone. A tool like GA4, meanwhile, tells you how many people came and where from, which is a different job from Clarity's, and the two work well together.

Back to the CCTV in the shop

The grocer at the start did not need to hire a consultant or refit the shop. He just needed to see with his own eyes which price tag made customers hesitate, and turn it the right way round. Clarity lets you see the same thing on your website, at no cost. And if you set it up considerately, with the sign up that says cameras are in use and no camera pointed at anyone's personal details, your customers lose nothing by you being able to see.

Often, what you find in the recordings is something you can fix yourself in a day, like changing a button label or making a photo enlarge. But if what you see is the structure of the whole site, such as a page order people never read far enough into, or a mobile layout that needs rethinking, you can look through our services and scope on the TumWebSME packages page, then tell us what you saw in the recordings. We are happy to look at it with you. And if you would like to turn what you learn into regular decisions for the business, I wrote about that in Data Analytics for Business Websites.

Follow TumWebSME

Follow us for insights on website development and online marketing:

• Facebook: TumWebSME Business Website Development

• Instagram: @tumwebsme

• TikTok: @tumwebsme

• YouTube: TumWebSME

Contact Us and Inquire About Services

• 088-983-9386 (Ploy)

• 099-856-3198 (Saennan)