How to Add Orbit Analytics to a Framer Site

Framer exposes raw head-code injection directly in Site Settings, which is exactly what Orbit's script tag needs. The only thing to remember is that it doesn't go live until you republish.

Setup steps

  1. Open Site SettingsIn the Framer editor, click Site Settings, then go to the General tab.
  2. Find Custom CodeScroll to the Custom Code section, which has separate fields for the start and end of the <head> tag, and for the <body> tag.
  3. Paste the script into 'Start of <head> tag'Add the Orbit script tag there so it loads as early as possible on every page of the site.
  4. Publish the siteCustom Code changes only go live once you republish from the editor — a saved draft alone does not inject the script.

Frequently asked questions

Does Framer's Custom Code field support a plain <script> tag?

Yes — Custom Code is built for raw HTML/script injection and isn't limited to Framer's own components or React elements.

Is Custom Code available on every Framer plan?

Custom code injection has generally required a paid Framer site plan rather than the free tier — check your current plan's feature list if the field isn't editable.

Does this apply to pages generated from the Framer CMS?

Yes — head code set in Site Settings applies sitewide, including pages generated from Framer CMS collections.

Will this conflict with Framer's built-in page analytics?

No — they read from completely separate systems and can be used together without interfering with each other.

See it on your own site

Free for 1 website, no card required.