Clickport
Start free trial
Intuitive Dashboard Real-Time Analytics Session Tracking Engagement Tracking Goal Conversions Filtering & Segments Conversion Funnels User Flows Privacy First Bot Protection
For agencies For SaaS For e-commerce For affiliates For bloggers For publishers Google Search Console Bing Webmaster Tools WordPress Shopify Tracker install SPA tracking Custom Events API reference vs Google Analytics vs Matomo vs Cloudflare
How It Works Blog Updates Documentation UTM Builder GDPR Checker GA4 Data Loss Estimator GA Legal Status About Contact Status Security

Framer

Framer sites have a Custom Code section made exactly for snippets like Clickport's. One paste and you get pageviews, engagement, outbound clicks, forms, and frustration signals on every page.

Install the snippet

  1. In Clickport, add your site and copy your tracking snippet:
<script defer data-domain="yoursite.com"
  src="https://clickport.io/tracker.js"></script>
  1. In Framer, open your project's Settings and select the Custom Code tab.
  2. Paste the snippet into the End of <head> tag section.
  3. Save and publish your site.
  4. Visit the published site, then check the realtime view in Clickport for your own visit.

If the Custom Code fields are not editable on your site, check which features your Framer plan includes.

Framer navigation is tracked automatically

Published Framer sites navigate client-side: clicking between pages swaps content without a full page load, like a single-page app. Clickport's tracker detects these route changes and records each one as a pageview, so your page stats stay complete. There is nothing to configure. See SPA Tracking for how this works under the hood.

Good to know

  • Custom code runs on your default framer.app address as well as your custom domain. If both are public, keep production numbers clean with the hostname allow list.
  • The Framer editor preview is a separate environment; your real numbers come from the published site.
  • Exclude yourself while designing. See Exclude Your Visits.
  • For button-click or signup conversions, create a goal in Clickport, or fire a custom event from an embed component if you need something bespoke.

Related

Previous Squarespace