Installing analytics on a website is a common practice. All website admins should be tracking their analytics closely to better optimize for site visitors and increase conversions.
In today’s marketing landscape, maximizing your advertising ROI starts with data. A high-fidelity foundation of first-party measurement is what Google calls data strength. Natively connecting your tags in Webflow an easy way to build this data strength, instantly feeding Google’s AI-driven ad platforms with the clean, accurate signals they need to optimize your budget and boost conversions.
You can get far with a simple Google Analytics tracking code, but when you want to start split-testing, retargeting, and embedding multiple widgets that help optimize your site traffic, it’s time to consider Google Tag Manager.
Historically, connecting Google Tag Manager to Webflow involved a handful of manual steps across different parts of your site setup. It worked, but it added complexity to implementation and ongoing maintenance, making it easier for tracking to break if something was missed along the way.
Now, you can connect a Google tag directly from Site Settings in Webflow, without any code. It also includes support for Google tag gateway for advertisers, a Google enhancement that automatically routes your measurement data through your own first-party infrastructure to mitigate the impact of signal loss. More on that below.
What is Google Tag Manager?
Google Tag Manager (GTM) is a tag management system that lets you manage tracking scripts, analytics codes, and marketing pixels from one place. Instead of editing your site's code every time you want to add a pixel or update a tag, you do it in GTM and it deploys through a single container tag.
A few reasons to use it:
- Deploy third-party tags without touching your site's code
- Reduce back-and-forth between marketing and dev teams
- Catch errors before they ship, and get async tag loading by default
- Add and manage dozens of tracking integrations without the headaches of doing it per-page
Set up Google Tag Manager
Step 1: Create a GTM account
Sign up at tagmanager.google.com. If you already have a Google account, it takes about two minutes. Add your company name, then set up a new Container. A container holds your tags, triggers, and variables — set the platform to "Web."After accepting the terms of service, GTM will show you an installation screen with two code snippets: one for the <head> and one for the <body>.
Step 2: Add your Google tag to Webflow
Before you start, you'll need your Google tag ID — it'll start with GT- or G-. You can find it in Google Tag Manager or Google Analytics under your account settings.
Then:
- Sign in to your Webflow account and go to your Dashboard.
- Find the site card you want to set up, click the 3-dot icon, and select Settings.
- On the Settings page, click Apps & Integrations.
- Under "Google tag," enter your tag ID. If you're running multiple tags (e.g., Google Ads and Google Analytics separately), click + Add additional tag ID and enter those too.
- Click Save changes.
- Click Publish for the changes to take effect.
Note: If you were previously using the manual code embed method to connect GTM, the native integration replaces it. You can remove those old custom code embeds from your project.
Design interactions and animations without code
Build complex interactions and animations without even looking at code.
Google tag gateway
Once your Google tag is connected through Apps & Integrations, you get something extra: Google tag gateway is enabled automatically for all tag deployments set up this way.
Here's what it does: all of your measurement data is routed through your own first-party website infrastructure — specifically, through the Content Delivery Network (CDN) that every Webflow site uses. Webflow handles the CDN configuration on your behalf, at no additional cost, with no configuration changes needed on your end. The CDN acts as a proxy, forwarding your measurement data to Google through your own domain.
Why does this matter?
- Campaign performance: Routing data server-side through your own infrastructure means richer signals for your campaigns. On average, advertisers who adopt Google tag gateway observe a 14% conversion uplift, lowering cost per acquisition and increasing ROI. (Source: Google Internal Data, Global, Finance, July-Dec 2024 vs Jan-June 2025. Individual results may vary.)
- Deeper campaign insights: You get richer attribution data, which helps you understand the customer journey and identify what's actually driving results.
- Privacy by default: Tags deployed through the Google tag gateway will get confidential computing by default, adding a layer of security and transparency to how data is collected and processed.
How to verify it's working
- Go to your Google tag settings in Google Tag Manager.
- Select the tag you set up in Webflow.
- Go to Admin.
- Scroll down to Google tag gateway and look for the green "Active" label.
If you see "Inactive," the setup didn't complete correctly — republish your Webflow site and check again. If you see "Incomplete," it likely means your tag runs on multiple domains. In that case, adopting the gateway on your other domains will resolve it.
A few things to know: Google tag gateway isn't available if you export your Webflow site and self-host — you'd need to set it up manually via another path. It’s not currently compatible with custom code implementations or tags set by external apps like Google Ads for Webflow or Google Site Tools for Webflow. If you're using those apps, the Google tag gateway won't activate through them.
Add new variables
Now you can start making real use of GTM. Before adding any tags, set up variables — these let you define tracking values once and reference them across multiple tags instead of duplicating settings everywhere.
To create your first user-defined variable:
- In GTM, go to Variables → New.
- Add a new Constant variable called gaProperty.
- Set the value to your Google Analytics Measurement ID (starts with G-).
- Optionally, add a second Constant called gaDomain with a value of auto.
- Click Save, then publish the change by clicking Submit.
For more on variables, the GTM Help Center covers the full options.
Add new tags
With variables set up, you can start adding tags. In GTM, a tag is a piece of code that sends data to a third party — like Google Analytics, Meta, or LinkedIn.
- Go to Tags → New.
- Set up a new tag using the Google Analytics: GA4 Configuration type.
- Add your Measurement ID using the gaProperty variable you just created.
- Set the trigger to All Pages to track page views across your site.
You can also set up event tags if you want to track specific interactions — form submissions, button clicks, scroll depth, and so on. Publish the change and give it a descriptive title like "Added GA4 Configuration Tag."
Exclude staging traffic
You'll want to make sure your analytics don't count traffic from the .webflow.io staging URL. Otherwise, your own testing and staging activity inflates the numbers.
In Google Analytics 4, this is handled through Data Filters:
- Go to Admin → Data collection and modification → Data Filters.
- Click Create filter.
- Choose Internal traffic as the filter type.
- Define the filter to match traffic from your Webflow staging domain (e.g., yourdomain.webflow.io).
- Set the filter state to Active and save.
Note: If you were previously using Views and Filters in Universal Analytics to exclude staging traffic, those settings don't carry over to GA4. Universal Analytics was sunset in July 2023, so this step needs to be re-done in the GA4 interface.
Take your analytics further
This covers the initial setup for tracking page views. From here, you can expand your GA4 tracking in a lot of directions — custom events, ecommerce tracking, remarketing audiences, cross-domain analytics, and more. The benefit of running everything through Google Tag Manager is that you can keep layering on integrations without writing any code in Webflow. One container tag, as many tools as you need.
