Skip to main content

Integrations

Microsoft Clarity

Wire Microsoft Clarity into every docs page — add your project id to `integrations.clarity` and the script loads on next deploy.

Free session recording + heatmaps from Microsoft. Zero sampling, GDPR-compliant.

Configure

integrations.claritystringpathrequired

Microsoft Clarity Project ID. Script injects via <Script strategy="afterInteractive"> and loads from https://www.clarity.ms.

{
  "integrations": {
    "clarity": "abc123def4"
  }
}

Where to find your project id

Clarity → SettingsSetupTracking code → copy the ID from the snippet.

Or set it from the dashboard — Editor → Configurations → AI & Advanced → Integrations.

Loading behavior

  • Strategy: afterInteractive — injected after page interactivity, so it never blocks first paint.

  • CSP: if you enforce a Content Security Policy, allowlist https://www.clarity.ms in script-src.

  • Removal: delete the integrations.clarity key (or blank it in the dashboard) and redeploy — the script disappears on the next page load.

Related

Was this page helpful?

Last updated August 7, 2026