Skip to main content
Support home / Integrations

Framer

Adding the Fathom Analytics script to your Framer website is a quick and easy process. Here's how to set up your Framer site to work with our analytics:

Setting up the script

  1. Copy your Fathom Analytics script from your site settings
  2. Sign in to your Framer account
  3. In Framer, click the Settings cog icon in the top right of the navigation bar
  4. In the left sidebar, under the Site Settings section, click General and scroll down to the Custom Code section
  5. Paste your Fathom Analytics script in the End of <head> tag text box
  6. Click the Save button
  7. This will add your Fathom Analytics script to all pages. To check if the script is working, head over to your site and then check your Fathom dashboard to see if your visit was recorded

Adding events code

If you would like to capture specific events that happen on a page, such as form submissions, button clicks, etc., you can do that using our events feature (check out our events guide for code examples). Here's how to add your Fathom Analytics events code to your Framer site:

  1. Go to your Framer account and click the Settings cog icon in the top right of the navigation bar
  2. In the left sidebar, under the Page Settings section, click the page to which you want to add the events code

Note: If you want the events code to run on all pages, select "General" under the "Site Settings" section instead

  1. Scroll down to the the Custom Code section
  2. Paste your events code into the End of <body> tag text box
  3. Click the Save button
  4. To check if your events code is working as expected, navigate to the page you've added your events code to and trigger the event. Afterward, check your Fathom dashboard to see if the event completion was recorded


If you still have questions or require help with anything, please reach out to us and we'll happily get things sorted out for you.


Can't find what you're looking for?