This component is Part of the  Essential Components plugin. Browse and insert 30+ components directly in Framer. Start for free

Easily capture and store the 5 essential UTM parameters from URLs in your Framer forms. This component automatically detects utm_source, utm_medium, utm_campaign, utm_term, and utm_content, saving them to local or session storage. Perfect for marketing analytics, campaign tracking, and understanding how users reach your forms.

How to Use the UTM Tracker Component

• Copy and paste the component into a Framer Form. The component must be  inside a Framer Form to submit captured UTM values alongside form submissions. Framer Forms allow you to send submissions to Email, Google Sheets, or Webhooks (Zapier, CRM systems, or any tool), so all UTM data is captured exactly where you need it.

• Configure Local Storage: Saves captured UTMs to the browser’s local storage for returning users.

• Configure Session Storage: Saves UTMs only for the session.

• Configure Custom Storage Key: Define a unique key to avoid conflicts with other tracking scripts.

• Set the mode to Production to hide the component from the canvas.

• Publish your site and add testing parameters to the URL to verify UTM capture. For example:

https://www.yoursite.com/?utm_source=newsletter&utm_medium=email&utm_campaign=spring_sale&utm_term=shoes&utm_content=cta_button

Features

• Automatically detects and stores standard UTM parameters

• Works with Framer Forms for seamless submission

• Supports localStorage and sessionStorage options

• Lightweight, responsive, and unobtrusive

Use Cases

• Marketing campaign tracking

• Lead generation forms

• Analytics for landing pages and conversions

• Event registration forms

• User acquisition analysis