Clycyo
Frameworks4 min read

Framer Analytics: Measuring Sites Built for Speed

Add privacy-first analytics to Framer sites: the custom-code setup, SPA page transitions, and conversion events on CTA components.

Framer sites are chosen for one reason: they feel fast and look expensive. Bolting a heavyweight analytics suite onto one is self-sabotage — and adding a cookie consent wall to a beautifully animated hero is worse. The cookieless setup below keeps the polish and still tells you which campaigns convert.

Setup in two minutes

  1. In Framer: Site Settings → General → Custom Code → 'Start of <head> tag'.
  2. Paste:
<script
  defer
  src="https://clycyo.com/tracker.js"
  data-tracking-id="YOUR_TRACKING_ID"
></script>
  1. Publish. Done — every page, including CMS pages, now reports pageviews, sources, UTMs, load times, and Web Vitals.

Page transitions are handled

Framer navigates client-side between pages — History API territory, which the tracker instruments automatically. Each internal navigation records a pageview with its own transition timing, exactly like any React SPA (which a published Framer site is, under the hood).

Tracking CTA clicks

Add a small script in the 'End of <body>' slot that watches for clicks on tagged elements:

<script>
document.addEventListener('click', (e) => {
  const link = e.target.closest('a[href*="signup"], a[href*="demo"]');
  if (link) window.webanalytics?.track('cta_clicked', {
    href: link.getAttribute('href'),
    page: location.pathname,
  });
});
</script>

Selector-based, so designers keep full freedom in the canvas; the script keys off destinations rather than design structure. The deliberate version of this pattern is in the CTA tracking guide.

Why this combination works

  • Weight discipline: 1.1 KB of analytics on a site sold on its feel. Your LCP stays where the template demo promised.
  • No banner: cookieless means the animated hero is the first thing visitors see — not a consent dialog. The conversion math is in the banner-cost analysis.
  • Campaign truth: tag your launch posts and ads with UTMs; first-touch credit persists per visitor, so the channel that actually drove signups gets the credit.

Most Framer sites fit comfortably in the free 10k events/month tier — and you can inspect the dashboard against our live traffic at /open before publishing anything.