Microsoft Clarity

info

This is a pro feature. Get the pro version here

Microsoft Clarity is a free analytics tool that captures heatmaps, session recordings, and user-behavior insights. Once a project ID is configured, the Pixel Manager loads the Clarity tag and sends e-commerce signals so you can analyze the full shopping experience.

Setup

1. Log in to your Microsoft Clarity account and select your project.

2. Open Settings → Setup and copy your Project ID. It's the identifier in your Clarity tracking code, which looks like this:

   <script type="text/javascript">
       (function(c,l,a,r,i,t,y){
           c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
           t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
           y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
       })(window, document, "clarity", "script", "q9zk3x7p2w");
   </script>

   In this example the project ID is q9zk3x7p2w.

3. In the Pixel Manager, open Tracking Pixels → Microsoft Clarity, paste the project ID into the Project ID field, and save.

Supported Events

Alongside Clarity's automatic heatmaps and session recordings, the Pixel Manager sends these e-commerce events to Clarity via its client API:

• Add to cart: sent when a product is added to the cart.
• Begin checkout: sent when the customer starts the checkout.
• Purchase: sent on the order received page, tagged with the order ID, value, and currency.

Matching sessions are also flagged with Clarity's session "upgrade" so they are prioritized for recording. The events and tags show up in Clarity's Filters, Dashboard, and Recordings.

Here's a list of supported events.