Install on Framer

Add PerchLens to a published Framer site without writing custom code.

Under 2 minutes4 stepsVisit Framer
  1. Open Site Settings

    In your Framer project, click the gear icon in the top toolbar to open Site Settings.

  2. Find the Custom Code section

    Scroll down to the General tab. You'll see two text areas: 'Start of <head> tag' and 'End of <body> tag'. We use the head one for fastest tracking.

  3. Paste the script

    Drop the tracking script into the 'Start of <head> tag' box.

    <script defer src="https://perchlens.com/cv.js" data-site="{SITE_ID}"></script>
  4. Republish your site

    Click Publish in the top-right. The script loads on every page automatically — no per-page configuration needed.

Tip: Replace {SITE_ID} in the snippets above with your actual tracking ID. You'll find it in Settings → Tracking after creating a site.

Troubleshooting

I don't see the Custom Code section

It's only available on Framer's paid plans (Mini and above). Check the plan switcher at the top of Site Settings.

The script loads but no pageviews show up

Framer single-page-app navigation triggers pushState — PerchLens auto-detects this. If you're still seeing zero, open DevTools and look for blocked requests to /api/collect.

Other platforms

No PerchLens account yet?

Create a free account to get your tracking ID — takes about 30 seconds.

Set it up in 30 seconds. Replaced two paid tools.

Indie maker on X

Finally, analytics I actually look at every day.

SaaS founder

My users appreciate no cookie banner. I appreciate the simplicity.

Agency developer

Ready for simpler analytics?

Join thousands of makers who track their sites with clarity, not complexity. Free forever for up to 3 sites.