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.

Navigating to Setup section.

Step 2

Go to Setup and copy the Clarity tracking code.

Copy the tracking code.

Step 3

Paste it into the <head> section of your website or webapp.

Step 4

You can add the same script on multiple subdomains of your website.

Tip

Wanna checkout 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.

Right click and select inspect.

Step 2

Go to the Network tab and select collect file. You can view the POST request as shown below.

Go to network and select collect.

Once you see the data on your project dashboard, explore Heatmaps to see how users are interacting 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.

Visit Clarity