Microsoft Clarity is a free heatmap and session recording tool. To turn it on for a Yalla Souk store, create a project at clarity.microsoft.com, copy its Project ID (Settings › Setup) and paste it in Integrations › Marketing & analytics › Microsoft Clarity. The script then loads on every page, with no code.
Behaviour checked in the product and Microsoft documentation read on 22 October 2026.
Clarity in Yalla Souk at a glance
| Where to connect it | Integrations › Marketing & analytics › Microsoft Clarity › Configure |
|---|---|
| What you enter | The Clarity Project ID: lowercase letters and digits, for example abcd1234ef. |
| What you get | Heatmaps (clicks, scrolling) and session recordings of your store, in your Clarity account. |
| Clarity price | Free according to Microsoft, with no traffic limit. |
| Retention | Recordings kept 30 days; favourites and a sample up to 9 months, according to Microsoft. |
| Cost on the Yalla Souk side | Included, no fee. |
What is Clarity for on an online store?
GA4 tells you how many visitors leave the cart page; Clarity shows why. Replaying a session, you see the visitor hesitate over the delivery fee, look for a size guide that is not there or get stuck on a field of the order form. Heatmaps show, page by page, the areas clicked and how far people scroll.
On a cash on delivery store, three pages deserve a regular look: the product page (is the order button seen on mobile?), the cart, and the order form, where nearly placed orders get lost.
How do I create a Clarity project?
- Sign in at clarity.microsoft.com and add a new project with your store’s name and address (your Yalla Souk subdomain or your own domain).
- Open the project, then Settings › Setup.
- Copy the Project ID. Ignore the install methods Clarity offers (code to paste, third-party platforms, NPM): Yalla Souk installs the script for you.
How do I connect Clarity to Yalla Souk?
- In your dashboard, open Integrations, Marketing & analytics category.
- Click Configure on Microsoft Clarity.
- Paste the Project ID and save. An ID in the wrong format is refused.
- Open your store: according to Microsoft, data shows in the project as soon as the code is in place, with the number of live visitors.
To stop Clarity, clear the Project ID in the integration settings: the script stops loading.
What privacy precautions apply?
- By default Clarity masks sensitive content on the page, according to its documentation: what your customers type is not readable in recordings.
- Microsoft states that Clarity should not be used on sites targeting users under 18.
- Clarity uses cookies to link the pages of one session; mention it in your privacy policy, as for GA4 and the Meta Pixel.
- The script loads after the page is displayed, like the other tracking tools, so it does not slow your store.
Does Clarity replace Google Analytics?
No, they complement each other. Google Analytics 4 counts (traffic sources, funnel, purchases); Clarity shows behaviour. Clarity’s settings even offer a Google Analytics integration to link recordings to your GA data. If you advertise, add the Meta Pixel too.