How To

Add Google Analytics 4 to Webflow with Tag Manager (part 2)

Preferred source on google logo
Add Google Analytics 4 to Webflow with Tag Manager (part 2)
April 26, 2021

  · 7 min

Part 2: create a Google Analytics 4 property, add the Google tag in Tag Manager with your Measurement ID, publish the container and test it with Tag Assistant.

Usually it's very simple adding Google Analytics to a Webflow Project, you copy the tracking ID, open up your Webflow settings and paste in the tracking ID. With the launch of Google Analytics 4 things have however changed a bit, most notably because Webflow's easy implementation doesn't support Google Analytics 4 yet, you can only add Universal Analytics.

Update: GA4 works fine in Webflow these days, but Tag Manager still offers so much more flexibility.

Update, October 2026: Google has changed a few things since we wrote this. Universal Analytics stopped processing data in July 2023 (and Google Optimize was shut down in September 2023), so you can skip the Universal Analytics steps below and only set up GA4. In Tag Manager the "Google Analytics: GA4 Configuration" tag is now simply called the Google tag, and the Measurement ID (it starts with G-) goes into its Tag ID field. Webflow has also added a native Google tag setting under Site settings, Apps & Integrations, so if all you want is basic pageviews you no longer need Tag Manager at all. We still like Tag Manager for the flexibility, as you'll see in our post on tracking events in GA4. If you'd rather run your tags at the edge, take a look at our guide to Cloudflare Zaraz and Google Analytics 4 on Webflow.

Here at Milk Moon Studio, we're a design focussed Webflow Studio and as a Webflow designer you're going to want the neat solution, and Tag Manager is it. Apart from the fact that using Google Tag Manager gives you a ton of freedom when it comes to advanced tracking features and easily implementing event tracking etc, it keeps things clean, no more junk in your <head> tag, just Tag Manager, the rest, in Tag Manager. We've covered why you should always use Tag Manager in another post, and we have posts about tracking Webflow form submissions in GA4 and about events in Tag Manager too, but that's for another day. For Part 1 of Installing Google Tag Manager and Google Analytics in Webflow head here.

But first:

Step 1: Setting up Google Analytics

We'll take a quick look at setting up your Google Analytics 4 account and your Universal Analytics account (Stay tuned for another post about the advanced settings for GA4 and UA).

Creating a Google Analytics 4 account (and if you want a Universal Analytics account)

Sign up and hit Create Account, then give it a name.

Google Analytics Account Name
Google Analytics Account Name

Now hit next and enter a name for the property, select your country (country of the site), timezone, currency and hit advanced if you'd like to set up a UA (Universal Analytics account, you'd want this if you're gonna be using things like Google Optimize and Google Ads' Smart Ads, yet another post coming on these).

Set Google Analytics Property Details
Set Google Analytics Property Details

Go ahead and tick the box under advanced for the UA Account if you're gonna need that (may as well go ahead, not gonna cost you anything).

Enable Universal Analytics
Enable Universal Analytics

I'm just gonna skip the next step, but you should go ahead and tick the boxes that apply, then hit create.

Now we're gonna create your data stream, select Web.

Google Analytics 4 Data Stream setup
Google Analytics 4 Data Stream setup

Now you can go ahead and enter your URL, select https for Webflow as you get an SSL certificate, and another name. Everything else you can keep checked, you'll need them.

Google Analytics 4 data stream url and name
Google Analytics 4 data stream url and name

And you're set up, copy the Measurement ID on the next page and head to Tag Manager.

Step 2: Setting up your Google Analytics 4 tag

Google Analytics data stream measurement ID
Google Analytics data stream measurement ID

Open up the Tag Manager Container from the 1st post. Now go to the Workspace, then Tags and create a Tag.

Google Analytics 4 New Tag in Tag Manager
Google Analytics 4 New Tag in Tag Manager

Now give your Tag a name and choose the type of tag you'd like to add.

Adding new GA4 Tag in Google Tag Manager
Adding new GA4 Tag in Google Tag Manager

Select the GA4 Configuration Tag.

Google Analytics GA4 Configuration Tag
Google Analytics GA4 Configuration Tag

Paste in the Measurement ID from GA4 and select a Trigger.

Google Analytics Configuration Tag Measurement ID in Tag Manager
Google Analytics Configuration Tag Measurement ID in Tag Manager

Select the All Pages Trigger.

All Pages trigger in Google Tag Manager for GA4 Tag
All Pages trigger in Google Tag Manager for GA4 Tag

Now Save and create a new Tag if you're going to be adding a Universal Analytics account as well.

Google Analytics 4 Tag Setup Complete
Google Analytics 4 Tag Setup Complete

Adding Universal Analytics

If you're doing this step head back to Analytics, switch Properties, open Tracking and copy the UA tracking code.

Universal Analytics Tracking ID
Universal Analytics Tracking ID

Now head on back to Tag Manager and create a new Tag, name it and select the Tag you want to use.

Universal Analytics Tag Selection in Google Tag Manager
Universal Analytics Tag Selection in Google Tag Manager

Create a new variable in the dropdown.

Universal Analytics Tracking Variable Selection in Tag Manager
Universal Analytics Tracking Variable Selection in Tag Manager

Give the variable a name and paste in the tracking code.

Adding Universal Analytics tracking ID to variable configuration in Google Tag Manager
Adding Universal Analytics tracking ID to variable configuration in Google Tag Manager

Hit save and select the All Pages Trigger.

UA Variable selection in Tag Manager Universal Analytics configuration Tag
UA Variable selection in Tag Manager Universal Analytics configuration Tag

1 will be your variable and 2 will be the All Pages Trigger. Hit Save.

Now go ahead and publish by hitting Submit.

Publish the Universal Analytics Tag in Google Tag Manager
Publish the Universal Analytics Tag in Google Tag Manager

Then hit Publish and you're done.

Let's test

Publish the Tag and Submit Changes in Google Tag Manager
Publish the Tag and Submit Changes in Google Tag Manager

Make sure you've installed the Tag Assistant. More on that here in part 1. Go to your page. Hit Enable on the plugin and refresh the page (command+R). The Plugin should show the number of tags it's picking up and your brand-new analytics tags.

Use Google Tag Assistant to test the Google Analytics Tags
Use Google Tag Assistant to test the Google Analytics Tags

1 is my GA4 Tag, 2 is My Universal Analytics Tag and 3 is my Tag Manager Container. Below them you'll see the container IDs that'll match with what you have in Google Analytics.

Frequently asked questions

How do I add Google Analytics to Webflow?

You have two options. The quick one is Webflow's built-in Google tag setting under Site settings, Apps & Integrations, where you paste your Google tag ID. The flexible one, and the one this post walks through, is to add a Google Analytics 4 tag inside Google Tag Manager with your Measurement ID and the All Pages trigger, then publish the container. If you haven't installed Tag Manager yet, start with part 1 on adding Google Tag Manager to Webflow.

Do I still need a Universal Analytics property?

No. Universal Analytics stopped processing data on 1 July 2023 for standard properties, and the last 360 properties were switched off on 1 July 2024, so a new UA tag will not collect anything. Set up Google Analytics 4 only and skip the Universal Analytics steps in this post.

Where do I find my Google Analytics 4 Measurement ID?

In Google Analytics go to Admin, then Data streams, click your web stream and copy the Measurement ID from the top of the stream details. It starts with G- followed by letters and numbers. That is the ID you paste into the Tag Manager tag in Step 2.

Why is the GA4 Configuration tag called the Google tag now?

Google renamed it. When we wrote this post the tag type was called "Google Analytics: GA4 Configuration", and today you pick Google tag as the tag type and enter your Measurement ID as the Tag ID. The steps that follow are otherwise the same, so the screenshots will look slightly different to what you see in Tag Manager.

Congrats, you're done. Hit me up in the comments if you have any questions, and remember to check out the How-To section of our blog for more tutorials. Your next should be linking your Google Analytics 4 account to BigQuery, you can find the how-to here. To find out more about speeding up Tags by deferring them, check out this post.

Update We have added some video content at the top of the post to make it easier to follow along, so hopefully that helps. Please subscribe to the channel to stay up to date with our latest how-to's and updates.

Preferred source on google logo

Share

All Posts

Gradient Background