Watch how people are engaging with your site - right from your site.

Latest Version

Version
1.0.5
Update
September 18, 2024
Size
984KiB
Developer
Category
Users
60,000+
Rating
3.83333 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
See more

Microsoft Clarity Live Extension

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!
Read more

Source Manifest.json

{ "action": { "default_popup": "popup.html" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "js": [ "content.js" ], "matches": [ "http://*/*", "https://*/*" ] } ], "description": "Watch how people are engaging with your site - right from your site.", "icons": { "128": "icon-128.png", "16": "icon-16.png", "32": "icon-32.png", "48": "icon-48.png" }, "manifest_version": 3, "name": "Microsoft Clarity Live", "permissions": [ "tabs", "storage" ], "update_url": "https://clients2.google.com/service/update2/crx", "version": "1.0.5", "web_accessible_resources": [ { "matches": [ "http://*/*", "https://*/*" ], "resources": [ "injected.js", "injected-entry.js", "panel.js", "widget.js", "heatmap.js", "vendors-async.js" ] } ]}
Read more

How to download and manually install Microsoft Clarity Live extension for Chrome

Looking for a way to install Microsoft Clarity Live extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Microsoft Clarity Live extensions manually, this article outlines two simple methods to effortlessly install Microsoft Clarity Live extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Microsoft Clarity Live extension and manually install through Drag &Drop

If you ever need to manually install a Microsoft Clarity Live extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Microsoft Clarity Live Extension by clicking the "Download CRX" button on the website.

Look for the Microsoft Clarity Live extension you wish to install. Go to the website and download the Microsoft Clarity Live extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Microsoft Clarity Live extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Microsoft Clarity Live extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Microsoft Clarity Live extension for Chrome and install in Developer Mode

This is another method to install Microsoft Clarity Live extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Microsoft Clarity Live extension file

Select and download the Microsoft Clarity Live extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Microsoft Clarity Live extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Microsoft Clarity Live extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Microsoft Clarity Live extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Microsoft Clarity Live extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Page Analytics (by Google) Extension · Productivity 60,000+ 1065 ★ 417KiB

icon

Lighthouse Extension · Developer Tools 60,000+ 318 ★ 50.7KiB

icon

SEO Minion Extension · Productivity 60,000+ 790 ★ 1.29MiB

icon

UET Tag Helper (by Microsoft Advertising) Extension · Developer Tools 60,000+ 25 ★ 216KiB

icon

VWO Extension · Productivity 60,000+ 8 ★ 2.47MiB

icon

Datalayer Checker Extension · Developer Tools 60,000+ 33 ★ 93.13KiB

icon

[DEPRECATED] Tag Assistant Legacy Extension · Developer Tools 60,000+ 1165 ★ 866KiB

icon

Adswerve - dataLayer Inspector+ Extension · Developer Tools 60,000+ 56 ★ 517KiB

icon

Web Vitals Extension · Developer Tools 60,000+ 43 ★ 398KiB

icon

Google Analytics Debugger Extension · Developer Tools 60,000+ 533 ★ 28.88KiB

icon

Redirect Path Extension · Developer Tools 60,000+ 194 ★ 6.06MiB

icon

Detailed SEO Extension Extension · Developer Tools 60,000+ 193 ★ 266KiB

icon

Analytics Debugger Extension · Developer Tools 60,000+ 211 ★ 300KiB

icon

Ahrefs SEO Toolbar: On-Page and SERP Tools Extension · Productivity 60,000+ 306 ★ 802KiB

icon

SEO META in 1 CLICK Extension · Developer Tools 60,000+ 1108 ★ 462KiB

icon

Tag Assistant Companion Extension · Developer Tools 60,000+ 204 ★ 179KiB

icon

GSC Guardian Extension · Productivity 60,000+ 26 ★ 1.83MiB

icon

[DEPRECATED] Tag Assistant for Conversions Extension · Developer Tools 60,000+ 19 ★ 410KiB

icon

Schema Builder for Structured Data Extension · Developer Tools 60,000+ 29 ★ 889KiB

icon

Web Data Assistant Extension · Developer Tools 60,000+ 62 ★ 80.57KiB

icon

Da Vinci Tools Extension · Developer Tools 60,000+ 34 ★ 1.2MiB

icon

GTM Variable Builder Extension · Developer Tools 60,000+ 30 ★ 82.71KiB

icon

TikTok Pixel Helper Extension · Developer Tools 60,000+ 111 ★ 465KiB

icon

SEO Pro Extension Extension · Developer Tools 60,000+ 82 ★ 233KiB

User reviews

icon

Alfonso Berrio Hernandez (ID: 00000060c7315f19) Voted 5 ★ - Updated 07/26/2023 Excellent extension very very util

icon

Tomislav Gomuzak (ID: 0000003f2a9d281b) Voted 5 ★ - Updated 01/02/2023 Easy to install, lots of explanation in documents and FAQ. Cant wait to see heatmap recordings in next few days...

icon

Apollo & Scott (ID: 0000000d09be937c) Voted 5 ★ - Updated 10/05/2022 Best behavioral analytics plug-in there is. Love that it is free too.

icon

Scott Lambert (ID: 00000011d1c00fc5) Voted 5 ★ - Updated 10/05/2022 I have been using Microsoft Clarity for a few months now, and no website should go without it imo. Super simple to install and use. Just sign-in to your Clarity Project and you'll be able to see heatmaps, session recordings, and insights immediately layered on top of your website.

icon

T R (ID: 0000009fe8f176cb) Voted 1 ★ - Updated 09/30/2022 "You do not have permission" ...logged into clarity, brave and updated, no blocking turned on. Only 1 admin account. This thing doesn't work.