Beam for Framer

Beam gives Framer teams clear traffic analytics without cookie prompts. Add one script in Site Settings and see channels, pages, and devices immediately.

Get started free Explore live demo

No credit card required and setup in minutes

Install Beam on Framer

Replace YOUR_SITE_ID with your Beam site ID from the dashboard.

Add Beam to Framer Site Settings

<!-- Framer: Site Settings -> Custom Code -> End of <head> -->
<script
  defer
  src="https://beam.keylightdigital.dev/js/beam.js"
  data-site-id="YOUR_SITE_ID">
</script>

Placing Beam in the head applies tracking across your Framer pages and published route changes.

Ensure the script is on your production domain

<!-- Confirm this appears in the published source -->
<script defer src="https://beam.keylightdigital.dev/js/beam.js" data-site-id="YOUR_SITE_ID"></script>

Framer preview URLs can differ from production. Always verify on the live domain tied to your Beam site record.

Verify your Framer integration

Use this checklist after publish so you know tracking is actually live in production.

✓ Publish changes in Framer, then open the live site (not preview) in an incognito tab.
✓ Navigate between at least two routes to verify page-level tracking continuity.
✓ Confirm Beam dashboard shows new hits under Today with the expected domain/path values.

Why Beam works well for Framer

🍪

No consent-banner friction

Beam avoids cookie collection, helping Framer landing pages keep conversion-focused UX.

⚡

Performance-safe snippet

The script is tiny and deferred, so it does not block Framer page rendering.

🧭

Built for marketing decisions

See which routes and channels drive outcomes without heavyweight enterprise analytics tooling.

🔒

Privacy-first by default

No personal identifiers and no ad-network sharing keeps compliance overhead low.