Framer analytics integration

Add Jolt to Framer to measure pageviews, visitors, traffic sources, and conversions without a tag manager. The tracker is asynchronous and works on both Framer subdomains and custom domains.

Installation Steps

  • Open your project in Framer.
  • Go to the "Settings" of your project.
  • Select the "General" tab.
  • Scroll down to the "Custom Code" section.
  • Paste the Jolt script into the "Head" section.
  • Save and publish your changes.
<script async data-domain="yourdomain.com" data-api-host="https://usejolt.io/api/event" src="https://usejolt.io/jolt.js"></script>

Verify the installation

Open the published site rather than the editor preview, then check the Jolt real-time dashboard. Confirm that the value in data-domain exactly matches the project domain in Jolt.

Tracking Interactions

Track buttons or forms from a Framer code component with window.jolt.track('signup_started'). Keep event names stable so the same action remains easy to compare over time. See the custom event guide for naming rules and examples.

Troubleshooting

If data does not appear, check that the custom code is enabled for the published domain, disable any local content blocker for one test, and verify that the request to the Jolt event endpoint is not blocked in the browser Network panel.

Documentation

Documentation