Trakero
Destinationavailable

Add Microsoft Clarity heatmaps and recordings from one snippet

Clarity shows where shoppers hesitate. Trakero loads it only when analytics consent allows, passes the consent state, and marks add to cart, checkout and purchase as Clarity events.

Browser SDKYour serverWooCommerceTrakerodedup · hash · retryClarity

Illustration of the event flow

What you get

Consent handled

Clarity's consentv2 is called with the shopper's ad and analytics consent; with analytics denied Clarity is not loaded.

Your events in recordings

Every Trakero event except page views is sent as a Clarity event, so you can filter recordings to people who reached checkout.

Where browser-only tracking loses the sale

Pick a situation your shoppers are in and watch one order take both paths.

yourstore.com/checkout/thanksuBlock Origin · 3 requests bloOrder #10231Red dress × 2 · ৳2,580✓ confirmed · CODPlace order123456789🍪_fbc · 7-day cap✕ tab closed🖥️Your store's serverorder.status → paid✕ad blockerTrakeromerge · hash · dedupMeta · via PixelblockedMeta · via CAPI202 · delivered once

A shopper from your Facebook ad places an order.

✕ Browser Pixel: blocked✓ Trakero: delivered once

Illustration of what happens on shoppers' devices, not a measurement.

Set up in minutes

  1. 1Create a free project at clarity.microsoft.com and copy its project id.
  2. 2Add it under Browser tags in Trakero.

Questions

Is customer data recorded?+

Clarity masks inputs, numbers and email addresses by default. Trakero sends Clarity only event names, never customer details.

Platform rules from Microsoft Clarity client API.

Works together with