Skip to main content

Framer Integration

Add Ovyxa analytics to your Framer site using the built-in Custom Code feature.

Step 1: Open Site Settings​

  1. In your Framer project, click the gear icon to open Site Settings
  2. Go to General > Custom Code

Step 2: Add the Tracking Script​

In the Head section, paste the following:

<script
  defer
  data-domain="yourdomain.com"
  src="https://ovyxa.com/js/script.js"
></script>

Click Save and publish your site.

Tracking Custom Events​

To track interactions like button clicks or form submissions, add code to the End of <body> tag section:

<script>
  document.addEventListener('click', function(e) {
    var btn = e.target.closest('[data-framer-name]')
    if (btn && btn.dataset.framerName === 'CTA Button') {
      window.ovyxa('event', 'CTAClick', { props: { button: btn.textContent } })
    }
  })
</script>

Or trigger events from any page script:

window.ovyxa('event', 'Signup', { props: { plan: 'starter' } })

Cookieless Mode​

To skip cookie consent requirements, add the data-cookieless attribute:

<script
  defer
  data-domain="yourdomain.com"
  data-cookieless
  src="https://ovyxa.com/js/script.js"
></script>

Verify Installation​

  1. Publish your Framer site
  2. Visit the live published URL (not the editor preview)
  3. Open the browser Network tab and look for a request to ovyxa.com/js/script.js
  4. Check your Ovyxa dashboard to confirm pageviews are appearing

Note: Custom Code is available on Framer's paid plans (Mini, Basic, Pro).

Next Steps​