Setup Clarity manually
Manually installing the tracking code
Note
To set up Clarity, you need access to your website's <head> section.
To start using Clarity on your website, you must manually insert the tracking code. Each website you add to your Clarity account will have its unique tracking code to install.
Step 1
Select a project and navigate to the Settings tab. Check out the Getting Started page to learn how to add a project.
Step 2
Go to Setup and copy the Clarity tracking code.
Step 3
Paste it into the <head> section of your website or web app.
Step 4
You can add the same script on multiple subdomains of your website.
Tip
Wanna check out what Clarity is, try our live Demo.
Verification
There are two ways to verify if Clarity is installed correctly:
Once the script is added, find the impression playbacks on your project dashboard in 30 minutes.
See POST requests to https://www.clarity.ms/collect while interacting with your site. Here are the steps to view the request:
Step 1
Right-click on your website and select Inspect.
Step 2
Go to the Network tab and select collect file. You can view the POST request as shown below.
Once you see the data on your project dashboard, explore Heatmaps to see how users interact with your website.
Clarity compatibility
Clarity will work on most sites with little code. It requires some modern browser APIs but should never throw exceptions on older browsers.
Though any site architecture is supported, Clarity can't capture what's inside your website's Canvas or third-party iFrame elements.
FAQ
For answers to common questions, refer to Setup FAQ.