What is Microsoft Clarity Live?

Microsoft Clarity Live is a Chrome extension developed by Microsoft Corporation, and its main feature is "Watch how people are engaging with your site - right from your site.".

Extension Screenshots

Download Microsoft Clarity Live Extension CRX File

Download Microsoft Clarity Live extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

The Microsoft Clarity Live extension helps you easily see where users engage with your site, where they get stuck, and test out new ideas. You don't have to go to a separate website or comb through columns of data to get the info you need, either. Clarity Live does the hard work for you by creating heatmaps and session recordings that you can view without leaving your site. These data visualizations make it simple to analyze engagement, optimize your design, and quickly identify and fix problems.

How it works: Download the extension and set up a free Clarity account if you don't already have one. Then simply navigate to the page or specific experience you want to explore and select the heatmap, area heatmap, or session recording icon on the Clarity widget. Voila! Whichever Clarity feature you chose launches right over the page you're on. That's it. Analytics has never been so easy!

Highlights

Heatmaps: Clarity Live combines two types of heatmap into one view. Click heatmaps capture the most clicked (or tapped) elements on a page. Scroll heatmaps reveal the most viewed areas on a page by showing how far users scroll. Clarity Live makes it easy to see engagement for flyouts, popups, dropdown lists, and other elements that can be difficult to capture in a typical heatmap experience.

Area heatmaps: Instead of visualizing engagement on the element level, these heatmaps allow you to select an area, which could contain several elements, to get the total clicks and click distribution rate. An area could include just one element or be as large as the entire page. You're in control.

Session recordings: These give you a front-row seat to individual sessions. These animated renderings capture how a user explored your site, by showing you where they clicked or tapped, where they hesitated, and how they moved their cursor. Clarity Live makes it a snap to find recordings for a specific experience, too. For example, if you wanted to see how a user engages with a particular popup, you could fire the popup on your site, and select the recording icon on the widget. You would instantly see relevant recordings made within the last three days.

A note on pricing: Clarity is 100% free. You'll never be asked to upgrade to a paid version. No credit card is required to sign up for a Clarity account. Learn more(https://clarity.microsoft.com/pricing)

Stop guessing. Get Clarity.

Happy visualizing!

Extension Basic Information

Name	Microsoft Clarity Live
ID	cjfdbemmaeeohgibnhdhlakiahifjjcf
Official URL	https://chromewebstore.google.com/detail/microsoft-clarity-live/cjfdbemmaeeohgibnhdhlakiahifjjcf
Description	Watch how people are engaging with your site - right from your site.
File Size	3.34 MB
Installation Count	57,377
Current Version	1.0.3
Last Updated	2022-12-22
Publish Date	2022-04-14
Rating	4.06/5 Total 18 Ratings
Developer	Microsoft Corporation
Email	[email protected]
Payment Type	free
Privacy Policy Page URL	https://go.microsoft.com/fwlink?LinkId=521839
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Microsoft Clarity Live", "description": "Watch how people are engaging with your site - right from your site.", "manifest_version": 3, "version": "1.0.3", "icons": { "16": "icon-16.png", "32": "icon-32.png", "48": "icon-48.png", "128": "icon-128.png" }, "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html" }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "content.js" ] } ], "web_accessible_resources": [ { "resources": [ "injected.js", "injected-entry.js", "panel.js", "widget.js", "heatmap.js", "vendors-async.js" ], "matches": [ "http:\/\/\/", "https:\/\/\/" ] } ], "permissions": [ "tabs", "storage" ] }