Microsoft Clarity

TrueMetriks adds free Microsoft Clarity session recordings and heatmaps to your site through the tracker you already installed. Here is how to set it up.

What you need

A Microsoft Clarity account with a project for this website. Clarity is free at clarity.microsoft.com - sign in with a Microsoft, Google, or Facebook account and create a project that points at your site's URL. Each project has a short Project ID, which is the only thing you paste into TrueMetriks.

Connect Microsoft Clarity to TrueMetriks

Step 1 - Open Settings

In TrueMetriks, pick the site you want from the selector at the top of the left sidebar, then click Settings at the bottom of the sidebar.

demo-brand.example

Web Analytics

  • Main
  • Revenue
  • Leads
  • Pages

Product Analytics

  • Funnels
  • Journeys
  • Products

Behavior

  • Events
  • Platform Health
  • Sessions
  • Users

Settings

  • UTM Builder
  • API
  • Integrations
  • Tutorial
  • Settings
In TrueMetriks, pick your site at the top, then click Settings at the bottom of the left sidebar.

Step 2 - Open the Microsoft Clarity tile

Click the Integrations tab, then click the Microsoft Clarity tile.

Integrations

Connect third-party data sources to fire events into TrueMetriks.

Typeform

Typeform

Connected

Calendly

Calendly

Connected

Microsoft Clarity

Not configured

stripe

Stripe

Connected

Whop

Connected

In TrueMetriks, open Settings → Integrations and click the highlighted Microsoft Clarity tile.

Step 3 - Copy your Clarity Project ID

In Clarity at clarity.microsoft.com, open your project and go to its Settings. The Project ID sits at the top of the Overview - click the copy icon next to it. It is a short string like qz8mn4k2p.

Overview

Project ID: qz8mn4k2p

Name

Demo Brand

Website URL

https://demo-brand.example/
In Clarity at clarity.microsoft.com, open your project's Settings. The Project ID sits at the top of the Overview - click the copy icon next to it.

The Project ID is also the trailing part of your Clarity tag URL: in Settings -> Setup the install snippet loads https://www.clarity.ms/tag/<PROJECT_ID> - the bit after /tag/ is the same ID.

Step 4 - Paste the ID and save

Back in TrueMetriks, paste the ID into Clarity Project ID, leave Tag Clarity sessions with TrueMetriks event names ticked, and click Save. The tile now reads Configured.

← Back to Integrations

Microsoft Clarity

Free session replay tool. We inject Clarity's loader on every page of your site. Sessions appear in your Clarity dashboard at clarity.microsoft.com. You can configure more than one project below.

qz8mn4k2p

Find it in Clarity → Settings → Setup. It is the trailing segment of the https://www.clarity.ms/tag/<PROJECT_ID> URL.

Paste your Clarity Project ID, leave Tag sessions ticked, and click Save. Use Add project to load more than one Clarity project on the same site.

Clarity starts loading on every page on the next visit, and recordings appear in your Clarity dashboard within a few minutes.

Tag Clarity sessions with TrueMetriks event names

This is the checkbox under the Project ID. Leave it on (the default) and each recording is labelled with the TrueMetriks event that fired, so in Clarity you can filter recordings by that tag and jump straight to, say, every session that ended in a Purchase. The tag uses the same event names you see on the Events page and the standard conversion events from your Facebook and other integrations.

Load more than one project

A single site can feed more than one Clarity project. Click + Add project, paste another Project ID, and Save - TrueMetriks loads every project you list on each page, and each keeps its own Tag sessions toggle. This is useful when two teams keep separate Clarity workspaces, or when you are migrating from an old project to a new one and want both recording for a while. To remove a project, clear its ID (or use the trash icon when more than one row is shown) and Save.

Where your recordings show up

Recordings and heatmaps live in Clarity, not in TrueMetriks. Open clarity.microsoft.com, pick this project, and you will see the session list, recordings, and heatmaps there.

If sessions are not showing up

  • Give it a few minutes. Clarity batches recordings; the first sessions can take a little while to appear after you save the Project ID.
  • Confirm the TrueMetriks tracker is live on the page. Clarity rides your TrueMetriks tracker, so if a page is not sending visits to TrueMetriks it will not load Clarity either. Check that the page shows up in your TrueMetriks visits first, and see the install guide if it does not.
  • Check the Project ID. It is the short string after /tag/ in the Clarity snippet - no spaces, no full URL. Re-copy it from Clarity's Overview and Save again.
  • Confirm the project is for this site in Clarity (the Website URL on the Overview screen should match), or recordings will land in the wrong project.

Frequently asked questions

Do I still need to paste Clarity's tracking tag on my site?

No. You paste only your Clarity Project ID into TrueMetriks, and we inject Clarity's loader on every page through the tracker you already installed. If you can see visits in TrueMetriks, Clarity will load.

What does tagging Clarity sessions with event names do?

When on, every time a TrueMetriks event fires during a session it is stamped onto the live Clarity recording. You can then filter recordings in Clarity by that tag and jump straight to, say, every session that ended in a Purchase.

Where do the recordings and heatmaps show up?

In Clarity at clarity.microsoft.com, not in TrueMetriks. TrueMetriks only loads Clarity and tags the sessions; the playback UI is Clarity's own.

Need help with this?

Reach us instantly on WhatsApp, or send us a message and we will get back to you. On workdays we usually respond in less than 24 hours.

or send us a message