Add PageLens analytics to Lovable, Bolt & v0

Steps

1. Open your project chat in Lovable, Bolt or v0.
2. Paste the prompt below (replace YOUR_SITE_ID with the id from your PageLens site settings).
3. Publish the app and open it: your visit appears in PageLens within seconds.

Add PageLens analytics to this app.

Insert this script into the <head> of every page, using the framework's own mechanism for global head tags (Next.js: next/script with strategy="afterInteractive" in the root layout; Vite/React: index.html):

<script defer src="https://app.pagelens.io/script.js" data-site-id="YOUR_SITE_ID"></script>

PageLens is cookieless: do not add a cookie banner or consent logic for it.
Pageviews and route changes are tracked automatically.
For key actions (sign up, purchase) call window.pagelens?.track('event_name', { optional: 'props' }).

Replace YOUR_SITE_ID with the id from your site settings in PageLens. The dashboard shows the exact snippet with your id filled in.

Check that it works

Open your site in a new tab, then open PageLens. The live counter shows your visit within a few seconds. Visits from localhost are ignored by default.

Track custom events

Add data-pagelens-event to any button or form, or call the JavaScript API:

<button data-pagelens-event="signup" data-pagelens-prop-plan="pro">Start trial</button>

<script>
  window.pagelens?.track('signup', { plan: 'pro' })
</script>

You can also turn on autocapture for button clicks, form submissions and copy events in Site Settings → Tracking. No code is needed.

Avoid ad blockers

Some ad blockers drop requests to analytics domains. Serve PageLens from your own domain to count those visits too.

Other tools & ai builders