SourceTag

Installation

Install SourceTag on Framer

Add SourceTag’s tracking script to your Framer site via the custom code settings. No third-party integrations required.

Step 1: Copy your script tag

In your SourceTag dashboard, go to your site’s detail page and copy the script tag. It looks like:

<script src="https://cdn.sourcetag.io/scripts/YOUR_SITE_ID/st.js" async></script>

Step 2: Add to Framer

  1. Open your Framer project
  2. Go to Site Settings (the gear icon)
  3. Scroll down to the Custom Code section
  4. Paste the script tag into the End of <head> tag field
  5. Click Save

Step 3: Publish

Publish your Framer site. The tracking script is now active on every page.

Step 4: Test

Visit your published site with UTM parameters:

https://yoursite.com/?utm_source=test&utm_medium=cpc&utm_campaign=framer-test

Submit a form on your site and check wherever your form submissions are received. The submission should include hidden fields with attribution data.

Notes

  • The script works with Framer’s native form components. Hidden fields are added automatically.
  • If you’re embedding a third-party form (Typeform, HubSpot, etc.), the script will detect those too via MutationObserver.
  • Framer also supports adding custom code to individual pages. If you only want SourceTag on specific pages, you can add the script at the page level instead — but we recommend adding it site-wide so attribution data is captured regardless of which page the visitor lands on.
  • Browser cookies are limited to 7 days on Framer (no server-side cookie option available for Framer sites currently).