# Croct + Microsoft Clarity

Clarity records what people do. Croct tags each recording with what that person actually saw, so
you can filter sessions and compare heatmaps by audience, experience or variant instead of
scrubbing through everything.

## What it does

- Sets three custom tags on every session: the experiences that impacted it, the audiences
  the visitor fits and the experiments with the variant assigned.
- Lets you filter recordings by any of those values.
- Lets you compare heatmaps between variants and see where people hesitate, rage click or
  drop off.
- Carries the full list of values, so a visitor who fits three audiences carries all three.

## How it works

On every pageview, Croct sets the visitor's audiences, experiences and experiments as Clarity
custom tags. The tags refresh on each pageview, including in single-page applications, so a
session always reflects what is current for that visitor even when they change audience
mid-session.

## Setup

Add a single script to your website, or inject it with Google Tag Manager. Nothing else changes.

Setup is one command, `npx croct@latest init`, which installs the SDK, wires the provider
and generates TypeScript types for every slot. Official SDKs cover Next.js, React, Vue,
Nuxt, JavaScript, PHP, Laravel, Symfony, Drupal, and Shopify Hydrogen. Most teams are live
the same day, and the forever-free plan needs no credit card or commitment.

## Frequently asked questions

### What tags does Croct set?

`croct_experiences` with the experiences that impacted the session, `croct_audiences` with
the audiences the visitor fits, and `croct_experiments` with each running experiment and the
variant assigned.

### What happens when a visitor changes audience mid-session?

The tags refresh on every pageview, including in single-page applications, so the session always
reflects what is current.

### Does it affect my existing Clarity setup?

No. It adds tags alongside the recordings you already capture.

### How much development work does it take?

Next to none. One script, or one tag in Google Tag Manager.

### What does it cost?

The forever-free plan covers 10,000 monthly active users with 3 content slots and 1
experience or experiment, and needs no credit card. Growth starts at $100 per month billed
annually for 20,000 monthly active users. Scale is custom.