How to set up Google Analytics and Google Tag Manager for Webflow

March 30, 2022

Once you’ve requested Google to crawl and index your Webflow site through Google Search Console, your next move is to track your traffic, conversions, and other analytical data. The Google Analytics tool will gather all these queries to let you inspect the ups and downs of your website. Furthermore, you need to add multiple code snippets to have a thorough overview of your web pages. With Google Tag Manager, you can easily update measurement codes and code fragments on your website. 

That’s why it's inevitable to integrate both the tools with your Webflow website. But do you know how to set up Google Analytics and Google Tag Manager for Webflow? If not,  you can come out of all your chores and stay focused for a while to gain a consolidated understanding of the processes. We’re going to cover them elaborately below. 

How to set up Google Analytics and Google Tag Manager for Webflow?

Setting up Google Analytics and Tag Manager tools is simple. You can add these sophisticated tools to your Webflow site by complying with some straightforward and easy-to-understand steps. If you take a concentrated look at the given steps below, you will no longer require help from anyone else. Let’s explore them!

It may seem like an arduous task to set them up for the first time. You may make a mess of things because of not having enough expertise. Hence, you can assign the task to us as we provide top-notch technical service worldwide. We will smoothly add the tools and fix other additional issues within a short amount of time. 

Setting up Google Analytics:

Google Analytics is the best tool ever invented to follow up on and inspect the interactions of users. It collects and showcases complete data  in a precise manner. Here are the step-by-step methodologies for setting up Google Analytics.

Visit the Google Analytics page and create a Google account:

First, you need to visit the Google Analytics page. Search for  on Google and click on the right web address. But you can’t land on the site’s dashboard unless you have a Google account. 

So, add your email and password to create a fresh Google account. But if you have any, you can directly sign in to the Analytics dashboard.

Fill out the relevant information:

Once your Google account is ready, you need to click on the "Start Measuring" option. Then the page will ask you to give a name to the analytics account. Fill in the requisite options listed below and push the Next button. 

Google Analytics account

Then you will be asked to add a property name, time zone, and currency in this step.

Analytics property set up

Now you’re set to give the analytical tool information about your business. Just tick on the relevant options and hit the "Create" button.

Analytics account creation

Set up your web stream and get the tracking ID:

Accept the terms of service. Choose a platform among the Web, Android apps, and iOS apps to start collecting data.

Web stream

Now you have to set up your web stream. To do so, you need to place your website’s URL and give the stream a name. Then simply click on "Create stream". Once you’ve done that, you will be given a unique tracking ID or measurement ID. 

set up data stream

Copy the tracking ID and go to the Webflow dashboard:

Once you’ve discovered the ID on the analytic page, you need to copy it for further use. You can also configure the settings on this page if required. Then you have to switch to your Webflow account.

Webflow tracking ID

Sign in to your account and go to the dashboard. You will find the "Project Settings" option after landing on your Webflow website. So, you need to click on the option to carry out the rest of the work accurately.

Go to the Integrations option:

A menu bar with several options will appear in front of your eyes. You have to select the "Integrations" option to get your job perfectly done. The option will show you several fields. The first one is the Google Universal Tracking ID field.

Google Analytics Integration

Below, you will find global site tag and IP address anonymization fields. You need to toggle the fields between "yes" and "no" to set the correct status as per your needs.

Paste the ID into the Google Analytics Tracking ID field:

Now you’re on the most important step. In the Google Analytics Tracking ID field, you need to paste the previously copied ID. Once you’ve copied the exact ID, you’re almost done. 

But keep in mind that you need to use a global site tag if you’re going to track ecommerce events. You can enable the IP address anonymization option to comply with your own privacy policies. 

Save changes and publish:

It’s time to publish your site. Make sure you have pressed on the "Save Changes" button on the right side. The publish button is available on the top-right corner of the page.

You just need to click on the publish button to get your Google Analytics integrated with your website. You can inspect the performance of your website after Google crawlers index it.

Setting up Google Tag Manager:

Setting up Google Tag Manager is super easy. Your website will be incredibly easy to manage if you can correctly integrate the Tag Manager with your Webflow site. Here are the steps for setting up the tool.

Create a Tag Manager account:

First, go to sign up. Keep in mind that you have to sign up here with the same email you used for Google Analytics. Once you’re logged in, click on the "Create Account" button.

Google Tag Manager Account

Then add an account name, select the country, enter your site’s address, and select a platform name. Click on the "Create" button and accept the terms and conditions. Then simply tap on the "Yes" option. Congratulations! Your account is ready. 

Create Tag Manager

Copy the first tracking code:

Once your account is created, you will come across a page with two chunks of code. At this step, you just need to use the first tracking code. So, simply copy the first segment of code and head over to the next step.

Tracking code

Go to the Project Settings and Custom Code option:

Now it’s time to move to the Webflow account. You need to click on the Project Settings option. There you will discover an option named "Custom Code." Simply click on it.

Paste the first tracking code into the Head Code:

You will find the Head Code field at the top of the page. Paste the first tracking code into the field to get everything functioning well. Then you need to click on the "Save Changes" button.

Head code

Navigate to the designer editor and insert an HTML embed element:

Your next move is to navigate the designer editor. Add a new HTML embed element. Keep in mind that you need to insert the HTML embed element right after the body tag.

HTML embed element

Go back to Tag Manager and copy the second part of the code:

Then go to Tag Manager again to secure the rest of the code. Like before, copy the second part of the tracking code. Once the code is copied, switch to the Webflow’s Custom Code section.

Paste the code into the HTML Embed element:

Select the HTML embed element you created in the previous step. Now paste the second tracking code into it.

How to set up Google Analytics and Google Tag Manager for Webflow

Click on the "Save and Close" button:

You’re done! You just need to click on the "Save and Close" button. Since you will have to reuse the HTML embed element across the web pages, you can make it into a symbol. It will give you freedom to make any changes to the tracking code. 

Frequently asked questions:

In this section, we’re going to respond to some frequently asked questions related to Google Analytics and Tag Manager. You can gather more important queries here.

Is it possible to integrate GTM with Google Analytics?

Yes, it’s fairly feasible to integrate Google Task Manager with Google Analytics. To do so, you need to click on the "Variables" option. Then you have to select the "New" option under the "User-Defined Variables" section. Now add the "Google Analytics Settings" variable type.

What can Google Analytics track?

Google Analytics can exquisitely track the number of users, bounce rate, average session durations, sessions by channel, and so on. Most importantly, you can inspect the page views and goal completion through the Google Analytics tool.

What is Google Tag Manager?

Google Tag Manager is a tag management system (TMS). It allows the website owners to quickly and easily update measurement codes and related code fragments. 

Does Webflow support Google Analytics 4?

To be honest, Webflow doesn’t support Google Analytics 4. They are working to make it actionable. But you can add Universal Analytics on Webflow websites.

Is tracking ID and measurement ID the same?

If you’re working with the updated Google Analytics tool, you will see "Measurement ID" instead of "Tracking ID." Virtually, they are both the same; a bit different in format. 

Can Google Analytics track social media?

With Google Analytics, you can figure out how social media users interact with your website every day. It helps to identify the social media platforms that drive the maximum amount of traffic to your website. 

Final words:

Google Analytics is an analysis tool that enables you to track the performance and overall data of your website. On the other hand, Google Tag Manager is a tool that allows you to smoothly update measurement codes. Both these tools play a pivotal role in managing websites. As a Webflow website owner, you’re bound to integrate them with your site to grow your business. How to set up Google Analytics and  Google Tag Manager for Webflow?

We hope you’ve already got the most reasonable answer to this question. The sooner you set up these essential SEO tools, the greater the reward will be. But it’s mandatory to do everything accordingly to avoid further technical issues. You can get assistance from someone experienced if you are too amateur to do so.