Tutorial
How to add Google Tag Manager to your site
Track Events in Framer with Google Tag Manager & GA4 (No Code)
This comprehensive guide will walk you through integrating Google Tag Manager (GTM) and Google Analytics 4 (GA4) into your Framer website, enabling you to track user activity, clicks, and custom events — all without writing a single line of code.
Set Up Google Tag Manager
Go to tagmanager.google.com
Click Create Account
Enter your Account Name (e.g., your team or business name)
Add your Container Name (e.g., your website/project name)
Select Web as the target platform
Accept the terms and create your account
You’ll now see two code snippets — one for the <head> and one for the <body> of your site.
Add the Code Snippets to Framer
Open your Framer project
Click on Framer in the top-left
Select Site Settings → General
Paste:
The first snippet into the Head section
The second snippet at the start of the Body
Save and publish your site
Track All Click Events
Enable Click Triggers
Go to Triggers → New
Select Trigger Configuration → All Elements
Name it and Save
Send Events to GA4
Go to Tags → New
Choose GA4 Event
Paste your Measurement ID
Set Event Name (e.g.,
all_elements)Trigger: All Elements Clicks
Save and Preview
You’ll now see clicks being tracked in Debug View in Google Analytics.
Screenshot area – Debug View showing all click events
Track All Link Clicks
Create a new Click Trigger → Just Links
Name it and Save
Preview and click links
In Tag Assistant, verify that “Link Click” triggers appear
Track Specific Clicks Using CSS Classes
Enable Click Variables
Go to Variables → Configure
Enable all under Clicks
Now preview your site again and click the desired links. In Tag Assistant, identify a common class (e.g., framer-styles-preset-c6u029)
Set Up Specific Link Trigger
Edit your Link Click Trigger
Select Some Link Clicks
Condition:
Click Classes equals framer-styles-preset-c6u029Rename and Save
Send Click Event Details to GA4
Go to Tags → New
Choose GA4 Event
Paste Measurement ID
Add Event Name (e.g.,
menu_links)Add Event Parameters:
link_url → Click URLlink_text → Click Text
Trigger: Select your Specific Link Click Trigger
Save and Preview
You’ll now see detailed events in Debug View in GA4.
Screenshot area – GA4 showing custom event with parameters
Publish Your GTM Setup
Once everything works:
Click Submit in the GTM interface
Name the version (e.g.,
"GA4 Integration")Click Publish
Bonus: Useful Resources
Jun 23, 2025
More Articles
