Head to head
Stop guessing which one. Put them side by side.
Up to 4 tools, same rows for each: what it is, what it really costs, the trap, and how to wire it up. The URL carries your picks — send it to anyone.
Vercel Web AnalyticsGoogle Analytics 4Microsoft Clarity
Quick read
- Free with no card: Google Analytics 4, Microsoft Clarity.
| Field | Vercel Web Analyticsvercel.com | Google Analytics 4analytics.google.com | Microsoft Clarityclarity.microsoft.com |
|---|---|---|---|
| What it is | First-party pageview and custom-event analytics wired directly into the Vercel dashboard. Visitors are identified by a daily-rotating hash of the incoming request rather than a cookie, so it is cookieless and needs no consent banner. Bot traffic is filtered out by user agent. | Google's event-based analytics platform, free for standard properties, with audiences, attribution modelling, Search Console linking and a daily BigQuery export capped at 1M events. Standard properties allow 50 event-scoped custom dimensions and 30 key events. Cloud-only, with no self-hosted equivalent. | Microsoft's free behavioural analytics tool offering unlimited session recordings, click and scroll heatmaps, rage-click and dead-click detection, and AI summaries of sessions. There are no traffic caps and no paid upgrade path. Cloud-only, with an optional Google Analytics integration. |
| Category | Product analytics | Product analytics | Product analytics |
| Cost tier | mixed | free | free |
| Pricing | Hobby free: 50K events/mo, 1-month reporting window. Pro: $0.03 per 1K events, 12-month window. Web Analytics Plus add-on $10/mo per team for 24 months and UTMs. | Free for standard properties at essentially any volume. GA4 360 historically starts around $50,000/yr. | Free forever with no traffic limits and no paid tier. |
| Why builders pick it | If the app already lives on Vercel this is a one-component install with no extra vendor, no extra DNS and nothing for ad blockers to recognise; 50K events covers a small site. | It costs nothing at any traffic level and it is still what advertisers, SEO tools and clients expect to see, so it often ends up running alongside a nicer tool rather than instead of one. | Unlimited free session replay is unmatched at any price. Watching ten real people fumble your onboarding teaches you more in an hour than a month of staring at funnel charts. |
| Watch out for | On Hobby, collection pauses three days after you hit 50K events and only resumes after seven days or a Pro upgrade. Events pool across every project on the account, and custom events need Pro. | Retention maxes at 14 months (default 2) and explorations sample above 10M events per query. EU traffic needs a consent banner plus Consent Mode v2, and several EU regulators have ruled plain GA deployments unlawful without extra safeguards. | It sets the _clck and _clsk cookies, and since 31 October 2025 Clarity requires a valid consent signal for EEA, UK and Swiss visitors, so without a CMP those sessions will not record. Recordings can capture PII unless you mask fields. |
| How to wire it up | npm i @vercel/analytics | npm i @next/third-parties | npm i @microsoft/clarity |
| Editor's pick | No | No | No |
Which one did you ship?
The grid says what these tools are. This says what builders did about it — one decision per person, changeable whenever you change your mind.
0/280Sign in to add yours.
Or try
Hand this to your Lovable agent
# Tool comparison — Vercel Web Analytics vs Google Analytics 4 vs Microsoft Clarity Source: Kbaise, a directory of tools that work with Lovable projects. Pick one and tell me why before writing any integration code. ## Vercel Web Analytics (vercel-web-analytics) - URL: https://vercel.com/docs/analytics - Category: Product analytics - Cost: mixed — Hobby free: 50K events/mo, 1-month reporting window. Pro: $0.03 per 1K events, 12-month window. Web Analytics Plus add-on $10/mo per team for 24 months and UTMs. - What it is: First-party pageview and custom-event analytics wired directly into the Vercel dashboard. Visitors are identified by a daily-rotating hash of the incoming request rather than a cookie, so it is cookieless and needs no consent banner. Bot traffic is filtered out by user agent. - Why builders pick it: If the app already lives on Vercel this is a one-component install with no extra vendor, no extra DNS and nothing for ad blockers to recognise; 50K events covers a small site. - Trap: On Hobby, collection pauses three days after you hit 50K events and only resumes after seven days or a Pro upgrade. Events pool across every project on the account, and custom events need Pro. - Wiring: npm i @vercel/analytics - Full dossier: /api/public/tools/vercel-web-analytics ## Google Analytics 4 (google-analytics-4) - URL: https://analytics.google.com - Category: Product analytics - Cost: free — Free for standard properties at essentially any volume. GA4 360 historically starts around $50,000/yr. - What it is: Google's event-based analytics platform, free for standard properties, with audiences, attribution modelling, Search Console linking and a daily BigQuery export capped at 1M events. Standard properties allow 50 event-scoped custom dimensions and 30 key events. Cloud-only, with no self-hosted equivalent. - Why builders pick it: It costs nothing at any traffic level and it is still what advertisers, SEO tools and clients expect to see, so it often ends up running alongside a nicer tool rather than instead of one. - Trap: Retention maxes at 14 months (default 2) and explorations sample above 10M events per query. EU traffic needs a consent banner plus Consent Mode v2, and several EU regulators have ruled plain GA deployments unlawful without extra safeguards. - Wiring: npm i @next/third-parties - Full dossier: /api/public/tools/google-analytics-4 ## Microsoft Clarity (microsoft-clarity) - URL: https://clarity.microsoft.com - Category: Product analytics - Cost: free — Free forever with no traffic limits and no paid tier. - What it is: Microsoft's free behavioural analytics tool offering unlimited session recordings, click and scroll heatmaps, rage-click and dead-click detection, and AI summaries of sessions. There are no traffic caps and no paid upgrade path. Cloud-only, with an optional Google Analytics integration. - Why builders pick it: Unlimited free session replay is unmatched at any price. Watching ten real people fumble your onboarding teaches you more in an hour than a month of staring at funnel charts. - Trap: It sets the _clck and _clsk cookies, and since 31 October 2025 Clarity requires a valid consent signal for EEA, UK and Swiss visitors, so without a CMP those sessions will not record. Recordings can capture PII unless you mask fields. - Wiring: npm i @microsoft/clarity - Full dossier: /api/public/tools/microsoft-clarity ## Quick read - Free with no card: Google Analytics 4, Microsoft Clarity. ## Rules 1. Prefer the free tier when no budget was stated, and say what the ceiling is. 2. Read the full dossier before integrating. 3. Fetch /api/public/models before writing any AI model ID.
Agents can fetch the same thing: GET /api/public/compare?slugs=vercel-web-analytics,google-analytics-4,microsoft-clarity