Skip to content

Add Microsoft Clarity to the booking app's public pages - #36

Draft
chiibitsu wants to merge 1 commit into
mainfrom
claude/booking-clarity
Draft

chiibitsu wants to merge 1 commit into
mainfrom
claude/booking-clarity

Conversation

@chiibitsu

Copy link
Copy Markdown
Contributor

Adds Microsoft Clarity (project z0kcrqus8a) to the booking app at book.chiibitsu.com, for session recordings and heatmaps.

What changed

  • New apps/booking/src/components/ClarityTag.tsx: the Clarity snippet as a next/script with strategy="afterInteractive", so it never delays the calendar or the booking form.
  • apps/booking/src/app/layout.tsx renders it on every page except /admin.

Why not /admin

By default Clarity masks what visitors type into fields, but it records text that is already on screen. The admin dashboard lists every client's name, email and phone, and shows the admin's private notes, so a recording there would send all of that to Microsoft.

Verified

Built and served locally, then checked in Chromium:

Page Clarity script tag window.clarity
/ present defined
/admin absent undefined

typecheck, lint and build are clean.

Worth knowing

  • The public booking form collects names, emails and phone numbers. Clarity's default masking covers what people type into those fields. If masking is ever relaxed in the Clarity dashboard, the recordings would include what people type.
  • Your privacy page should probably mention Clarity, since recordings are a form of tracking.

Generated by Claude Code

Session recordings and heatmaps for book.chiibitsu.com, project z0kcrqus8a.
The tag loads after the page is interactive so it never delays the calendar
or the booking form.

It is kept off /admin. Clarity masks what visitors type by default but
records text already on screen, and the admin dashboard shows every client's
name, email, phone and the admin's private notes. Checked in a real browser
against a production build: the public page loads the tag and /admin does
not.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01RWBnyhXBy3VWtH2rRYtyjk
@vercel

vercel Bot commented Oct 25, 2026 •

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
lm-booking-site Ready Ready Preview Oct 25, 2026 5:35pm UTC
website Ready Ready Preview Oct 25, 2026 5:35pm UTC

This branch was successfully deployed

2 active deployments
Preview – lm-booking-site — 2f970b34 Deployed Oct 25, 2026 by vercel[bot]
Preview – website — 2f970b34 Deployed Oct 25, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants