<Header icon={<img src="/docs/logos/clarity.svg" className="w-9 h-9 inline" />}>Microsoft Clarity</Header>

[Microsoft Clarity](https://clarity.microsoft.com) is a free heatmap and session-recording tool.

This is a **device (client-side) destination**: Jitsu loads the Clarity tag in the visitor's
browser and forwards events to it, so recordings and heatmaps are attributed and filterable.

Event mapping:

- **identify** — calls `clarity('identify', userId)` and forwards traits as filterable Clarity
  custom tags (`clarity('set', key, value)`). `name` / `email` traits are used as the session's
  friendly name.
- **track** — calls `clarity('event', name)`. Clarity events carry only a name; enable
  **Track event properties → tags** to also forward properties as custom tags.
- **page** — no-op; Clarity records page views automatically.

If you already load Clarity on your site (via your own snippet or a tag manager), disable
**Load Clarity** — Jitsu will forward events to your existing Clarity instance instead of loading a
second copy. In that case the Project ID is only used when Jitsu loads the tag.


## Configuration

<DestinationConfiguration type="clarity" />