Microsoft Clarity is one of the best analytics tools you might not know about. <\/p>\n
This powerful, free tool enriches your existing analytics and customer profiling, offering deeper insights into user behavior.<\/p>\n
This article covers what Microsoft Clarity is and how to set up custom events to maximize its value for your website.<\/p>\n
TL;DR<\/strong><\/p>\n Microsoft Clarity is an analytics tool that provides heatmapping and session recordings.\u00a0<\/p>\n Heatmaps provide a visual map of how users interact with your webpages, where they click most and how far they scroll down your page.<\/p>\n Session recordings are recordings of individual users\u2019 device screens using your website. Clarity allows you to review different user sessions and see how people use your website.\u00a0<\/p>\n Many tools, like Hotjar and Mouseflow, offer heatmapping and session recording software, often as part of more comprehensive UX solutions.\u00a0<\/p>\n However, Microsoft Clarity stands out by focusing solely on heatmaps and session recordings, and it\u2019s completely free.\u00a0<\/p>\n This streamlined approach makes Clarity easy to use and highly appealing for those looking to get started quickly.<\/p>\n Analytics tools like Google Analytics 4 (GA4) provide a wealth of user data, but they do not tell the full story of how users interact with and use your website.\u00a0<\/p>\n GA4 is useful for tracking how users reach your website, what devices they use and how they engage with it.\u00a0<\/p>\n We can see metrics like button clicks, average time on site and top-visited pages. But there are nuances and bits of information missing in between.<\/p>\n Clarity can enrich this data. It\u2019s like moving from black and white to a color picture. <\/p>\n Where previously you could understand which pages get the most views and which events triggered, now you can actually see:<\/p>\n And so much more.\u00a0<\/p>\n Clarity is not just an analytics or UX tool; it should be considered a part of the digital marketer\u2019s basic toolkit.<\/p>\n For instance, when running a PPC campaign, its success is only as strong as its weakest link.<\/p>\n You could create a highly targeted Meta campaign with great creative assets, but it will still fall short if the landing page lacks the right flow or clear calls to action.<\/p>\n Microsoft Clarity provides the insights needed to ensure consistency across the entire campaign, from targeting to conversion.<\/p>\n Clarity has four key sections:\u00a0<\/p>\n All these sections are straightforward to explore and use. Here, I\u2019d like to focus on specific ways to use Clarity to get the most out of it.<\/p>\n A key part of Clarity to utilize is the Google Analytics reports.<\/p>\n There is an integration between Clarity and Google Analytics which needs to be set up first. This is found in Settings<\/em> and under { } Setup<\/em> in the sidebar.<\/p>\n This becomes extremely useful as it allows you to delve deeper into pre-existing GA4 segments. Once you select a particular segment in the GA report, you can review these user sessions.<\/p>\n In the GA report screenshot below, I\u2019ve focused on a key referral source: chatgpt.com, which has recently been driving significant traffic to my site.<\/p>\n With Microsoft Clarity, I can now review session recordings from these users to assess whether they are high-quality prospects.<\/p>\n The same can be done for devices, pages and countries based on Google Analytics segments.<\/p>\n While browsing Clarity\u2019s reports and heatmaps can be interesting, it\u2019s only useful when you start with the right questions.<\/p>\n This is where segmentation comes in. This is one of Clarity\u2019s strengths, thanks to its powerful built-in filters.<\/p>\n For example, I noticed that weekend traffic to my site is high, but conversions are low.\u00a0<\/p>\n To understand why, I can use Clarity\u2019s filters to isolate weekend traffic, creating a segment that allows me to analyze this specific audience in more detail.<\/p>\n I can make the following filter selections under User info<\/em>: Last 14 days > Day of the week > \u2018Saturday, Sunday\u2019<\/em><\/p>\n Along the top bar, we see that I have built a segment of users (I can also save this as a segment for future use).<\/p>\n All my reports in the dashboard, user sessions and heatmaps are now filtered to this segment of users.<\/p>\n I can now investigate what is happening on weekends through heatmaps and session recordings.\u00a0<\/p>\n Clients often ask me, \u201cWhat do users typically do before converting? Is there a trend we can improve on?\u201d\u00a0<\/p>\n While Google Analytics provides previous page paths, it can be difficult to interpret since visitors often navigate the site in a non-linear way.\u00a0<\/p>\n With Microsoft Clarity, however, you can create a segment for all converters and leads, allowing you to watch their user sessions up to the point of conversion.<\/p>\n I spend considerable time analyzing these sessions to identify common patterns among purchasers and leads.<\/p>\n To do this, we can build a segment where users have reached a custom URL. This could be a thank you page on a form fill or a checkout thank you page.<\/p>\n Below, I have set one up using Clarity\u2019s built-in filters, where the page URL contains \u201cthank-you<\/em>.\u201d<\/p>\n The same approach can be applied to ecommerce sites with an \u201cadd to cart\u201d feature.<\/p>\n You can easily review customers who added a product to their cart but didn\u2019t complete the purchase by filtering for users who visited one page but didn\u2019t reach the next.<\/p>\n See the example below:<\/p>\n Prebuilt filters are great, but they are limited. There are many instances where you will want to track specific items and actions on your site that are not available out of the box.\u00a0<\/p>\n Google Tag Manager (GTM) allows you to tag and track a wide variety of events. We can then send these events into Clarity as \u201csmart events\u201d and use them to build custom segments.\u00a0<\/p>\n This feature allows you to create any event in GTM, send it to Clarity, segment session recordings and gain deeper insights.\u00a0<\/p>\n Here\u2019s a step-by-step guide to setting this up. (In this example, we\u2019ll track affiliate link clicks, but the process can be applied to any type of tracking.)<\/p>\n Step 1<\/strong>: First, define the question to plan the events you need to track.\u00a0<\/p>\n In this case, I want to gain a deeper understanding of users clicking on affiliate links and how they interact with website articles before clicking out.<\/p>\n To do this, I need to create an event every time a user clicks on a link to the affiliate target.<\/p>\n Step 2<\/strong>: Connect Clarity and GTM by navigating to Settings<\/em> > { } Setup<\/em>.<\/p>\n Step 3:<\/strong> Create the GTM tag within your GTM account. Navigate to Tags<\/em> > New<\/em>.<\/p>\n Click to add a new tag type. In the sidebar, you\u2019ll find premade tags for Microsoft Clarity.<\/p>\n I added the \u201cluratic\u201d tag, but any of the Clarity tags should work OK.<\/p>\n Step 4<\/strong>: Configure the tag by adding the Clarity project ID, which can be found under Settings<\/em> > Overview<\/em>.<\/p>\n See the orange box in the screenshot below. This tells GTM to push the event into your Clarity account (when triggered).<\/p>\n Add the project ID to the GTM tag configuration, as shown in the first red box.<\/p>\n Under Advanced Options<\/em>, tick Add Custom Events<\/em>, then add the event name (see the orange box above).<\/p>\n This event will be created by GTM and sent to Clarity. Choose a descriptive name for it.<\/p>\n Step 5<\/strong>: Add the trigger, which is the action on the website that will initiate this tag to fire.\u00a0<\/p>\n Click on the Trigger Configuration<\/em> box to select a trigger option.<\/p>\n In my case, I selected a trigger for \u201cClick \u2013 Just Links<\/em>.\u201d This fires when someone clicks a specific link.<\/p>\n Next, define the conditions. You could enter any text in the URL of a third-party website you\u2019re sending traffic to.<\/p>\n In this example, I want the trigger to activate only when the URL contains the text \u201cbym-windsor.\u201d<\/p>\n Now, whenever someone clicks a link with \u201cbym-windsor\u201d in the URL, this tag will fire and generate the event.<\/p>\n Note that there are many different options for triggers that are worth exploring. Triggers can include elements clicked on the page or pages on a website loading or many other options.<\/p>\n Step 6<\/strong>: Save the tag and publish the GTM container by clicking the Publish<\/em> button on the top right.<\/p>\n Step 7<\/strong>: You now want to find your new events inside Clarity.\u00a0<\/p>\n I recommend manually triggering this event by clicking on it on your website and waiting 24 hours to give enough time for this data to be pushed through.\u00a0<\/p>\n Open Clarity and navigate to Settings<\/em> > Smart Events<\/em>. Here, you should see your new event from GTM come through as an API event automatically.\u00a0<\/p>\n You now have a new smart event, which you can use to build a segment.<\/p>\n Step 7<\/strong>: Create the segment. In Clarity, open your filters and navigate to User actions <\/em>> Smart events<\/em>.\u00a0<\/p>\n Select the event you have generated in GTM.\u00a0<\/p>\n Step 8<\/strong>: The goal is to deepen your understanding of this particular group of users.\u00a0<\/p>\n Over time, you can refine this segment further, drilling down into more specific categories.\u00a0<\/p>\n Perhaps you want to determine whether they originated from a Meta campaign, whether they are nighttime visitors and whether they use mobile or desktop devices.<\/p>\n It\u2019s not often you come across a gem like Microsoft Clarity. It will help you paint a colorful picture and better understand your users.<\/p>\n The key to Clarity is in your approach. Start with the right questions, build custom events, use segments and gain deeper insights.<\/p>\n <\/p>\n \n<\/div>\n Contributing authors are invited to create content for MarTech and are chosen for their expertise and contribution to the martech community. Our contributors work under the oversight of the editorial staff<\/a> and contributions are checked for quality and relevance to our readers. The opinions they express are their own.<\/em><\/p>\n\n
What is Microsoft Clarity?<\/h2>\n
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity.png?ssl=1\")
<\/figure>\n<\/div>\nLeveling up your analytics<\/h2>\n
\n
GA4 integration<\/h2>\n
\n
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-and-GA4-integration.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-and-GA4-integration.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-session-recordings.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-session-recordings.png?ssl=1\")
<\/figure>\n<\/div>\nPowerful segmentation<\/h2>\n
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segmentation.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segmentation.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Filtered-segments.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Filtered-segments.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segments-and-built-in-filters.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segments-and-built-in-filters.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segments-filtered-by-URL.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Segments-filtered-by-URL.png?ssl=1\")
<\/figure>\n<\/div>\nBuilding custom events with GTM<\/h2>\n
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-and-GTM-integration.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-and-GTM-integration.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Premade](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Premade-GTM-tags-for-Microsoft-Clarity.png?ssl=1\"\/)
![\"Premade](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Premade-GTM-tags-for-Microsoft-Clarity.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Clarity](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Clarity-project-ID.png?ssl=1\"\/)
![\"Clarity](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Clarity-project-ID.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Tag](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Tag-configuration-Clarity-project-ID.png?ssl=1\"\/)
![\"Tag](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Tag-configuration-Clarity-project-ID.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Trigger](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Trigger-configuration-Click-Juts-Links.png?ssl=1\"\/)
![\"Trigger](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Trigger-configuration-Click-Juts-Links.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Smart-events.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Smart-events.png?ssl=1\")
<\/figure>\n<\/div>\n![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Smart-events-selection.png?ssl=1\"\/)
![\"Microsoft](\"https:\/\/i0.wp.com\/searchengineland.com\/wp-content\/seloads\/2024\/10\/Microsoft-Clarity-Smart-events-selection.png?ssl=1\")
<\/figure>\n<\/div>\nTransform your website analytics with Microsoft Clarity<\/h2>\n