Session recordings and heatmaps

Overview

Storeep provides two session-recording and heatmap apps: Microsoft Clarity and Hotjar. Both work by loading a tracking script on your store pages that records visitor interactions, including clicks, scrolls, cursor movements, and rage-clicks, and presents them as session replays and heatmaps in the respective platform's dashboard.

You can install one or both apps simultaneously.

Microsoft Clarity

What it does

Microsoft Clarity records every visitor session as a video replay and overlays click and scroll data as heatmaps on your actual store pages. It is free with no session-count limits.

Installing Microsoft Clarity

1. Create a free project at clarity.microsoft.com/projects.
2. Copy your Project ID from the Clarity dashboard. It is shown in the URL and in the project's setup instructions.
3. In Storeep, go to Apps, find Microsoft Clarity, and click Install. Confirm the prompt.
4. Enter the following in the settings panel:

• Activate: when on, the Clarity tracking script loads on every store page and recording begins.
• Project ID: your Clarity Project ID. Find it at clarity.microsoft.com/projects or in your project's Settings.

5. Click Save. Session data will start appearing in the Clarity dashboard within minutes of the first visitor arriving.

Hotjar

What it does

Hotjar records visitor session videos and generates click, move, and scroll heatmaps overlaid on your real store pages. It shows where buyers click, how far they scroll, and at what point they leave the page, helping you identify where the checkout or product page loses the sale.

Installing Hotjar

1. Create a Hotjar account and add your store as a site at hotjar.com.
2. In the Hotjar dashboard, copy your Site ID, the numeric ID shown under Settings → Sites & Organizations → your site.
3. In Storeep, go to Apps, find Hotjar, and click Install. Confirm the prompt.
4. Enter the following in the settings panel:

• Activate: when on, the Hotjar tracking script loads on every store page and recording begins.
• Site ID: your Hotjar numeric Site ID. Found in Hotjar under Settings → Sites & Organizations.

5. Click Save. Session recordings and heatmaps will begin populating in Hotjar as visitors arrive.

Pitfalls to check

• Both apps only record sessions that occur after the script has loaded. Sessions before installation are not captured.
• Session recordings may take a few minutes to appear in the respective dashboards after the first visits.
• Hotjar's free plan has session recording limits. Check your Hotjar plan if recordings stop sooner than expected.
• Clarity is free with no recording limit, but older recordings are eventually archived. Export any critical recordings you want to keep long-term.
• Running both Clarity and Hotjar simultaneously is fine; each loads its own script independently and does not interfere with the other.