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
- Copy your Fathom Analytics script from your site settings
- Sign in to your Framer account
- In Framer, click the Settings cog icon in the top right of the navigation bar
- In the left sidebar, under the
Site Settingssection, clickGeneraland scroll down to theCustom Codesection - Paste your Fathom Analytics script in the
End of <head> tagtext box - Click the
Savebutton - If your site is already published, go back to your project and click the
Publishbutton in the top right corner to publish your latest changes. If your site isn't published yet, you can skip this step - 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:
- Go to your Framer account and click the Settings cog icon in the top right of the navigation bar
- In the left sidebar, under the
Page Settingssection, 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
- Scroll down to the the
Custom Codesection - Paste your events code into the
End of <body> tagtext box - Click the
Savebutton - If your site is already published, go back to your project and click the
Publishbutton in the top right corner to publish your latest changes. If your site isn't published yet, you can skip this step - 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