How to Set up Conversion Tracking in Google Analytics with Webflow

Google Analytics is the most powerful tool for tracking your site’s analytics. 

According to BusinessDIT’s take on GA stats, around 28.1 million websites use this tool, which is 55.49% of all sites on the web.

It’s continuously updated, with new and robust features added now and then. Moreover, GA can be added to any site, meaning even Webflow sites can be connected.

If your site is created on Webflow, the guide below will help you understand how to set up conversion tracking in Google Analytics.

Let’s take a look.

{{cta}}

What Is Google Analytics?

Google Analytics (often referred to as just GA) is a free tool by Google that helps you collect data about the traffic on your website. You can see where your visitors come from, what pages they’re visiting, how long they’re staying on your website, and more. 

Google published detailed guides on using the tool. These are regularly updated whenever the team behind GA makes changes or adds new features.

The GA4 Update

Google Analytics 4 is a stand-alone property that is already up and running. The older version of this is referred to as Universal Analytics (UA), and it stopped operating on July 1, 2023. 

It’s a next-gen tool for collecting event-based data and is built to be more powerful and robust compared to Universal Analytics.

Why is this important?

The process of collecting data and setting up the metrics you want to track is different, meaning you should be familiar with how GA4 works.

Adding Google Analytics to Your Webflow Site — Where to Start?

Webflow features the Google Analytics integration option. Depending on your current status with GA, there are three possible scenarios here.

1. You’ve never set up GA via Webflow’s GA integration feature — In this case, you’ll need to follow the steps to add the GA integration to your Webflow website.
2. You have Universal Analytics set up but haven't used the GA integration on Webflow — You need to migrate to GA4 first to be able to add analytics to your Webflow site. I am not going to explain this in the article, as Google has already published detailed guidelines on adding a Google Analytics 4 property to a website with already established UA.
3. You already have Universal Analytics set up via Webflow’s Google Analytics integration — You’ll still have to migrate to GA4, but the process will be somewhat different.

I will cover the first and third cases below.

{{cta}}

Adding Google Analytics Integration to Your Webflow Site

If you’re not tech-savvy, I recommend asking someone more experienced to do this for you. The process itself isn’t difficult, but it requires following each step carefully.

Once again, this is something covered in detail by Google’s professionals. I suggest reading this guide, where you’ll learn how to create an account, create a GA4 property, and add a data stream.

Here’s my take on this.

Opening a GA Account

1. Find the Create Account button in the Admin section (Account column). See the pictures below.

2. Next, you’ll need to provide a name for your account. Moreover, you’ll need to set your data-sharing configurations to let Google know which data from your site you intend to share.
3. Create an account. It’s now time to add your initial property to the account.

Adding a Property to Your Google Analytics Account

1. Go to the Admin settings, and next to your Create Account option, you’ll see Create Property. You can only do this if you have the Editor role for your analytics.

2. Enter the property name, and select time zone, currency, and other preferences. Click Next.
3. Select your business size and industry category.
4. Set up how you want to use GA.
5. Click Create and accept the ToS, as well as the Data Processing Amendment.

Now that you’re done with this step, you need to add a data stream.

Adding a Data Steam

1. In the Admin section, make sure you have the correct account and property selected.

1. Click on the Property column and select Data Steam.
2. Click on Add stream.

Google Analytics 4 can get data from Android apps, iOS apps, and websites. Since Webflow only focuses on building web experiences, you’ll have to proceed with the Web option. Here’s what to do next.

1. Add your site’s URL and the Stream name.
2. Decide whether to enable or disable enhanced measurement.
3. Select the Create stream option.

At this point, you’ve completed the setup process. Next, you need a measurement ID to incorporate in your CMS (Webflow, in this case).

Getting the Measurement ID

1. Go to Google Analytics and open the Admin section. Make sure the correct property and account are selected.
2. Go to Property and click on Data streams.
3. Select the previously set up Data stream.
4. Find the Google tag section and select the option to configure tag settings.

5. You’ll see your Google tag or measurement ID. It usually starts with “G-” or “AW-”. That’s the piece of code you need to enter to the dedicated Webflow section.

Adding Measurement ID to Webflow

Finally, we’re here. Load your Webflow account. Here’s what you need to do.

1. Find the Site setting options in Webflow Designer, open the Integrations tab, and select Google Analytics.

2. Paste your Google tag (which is also referred to as measurement ID) in your Measurement ID field.

3. Save changes and publish your site.

Voila! You’ve successfully connected GA to your Webflow site.

This is just a start. You can track many things via GA, including your products and services, provided you have an e-commerce site. Google published a guide on how to enable e-commerce tracking. 

Migrating from Universal Analytics to GA4

Universal Analytics will cease to exist on July 1, 2023, and that’s why it’s important to migrate to GA4, even if you already have established analytics and added it to Webflow.

To learn if you’re using UA, go to Site settings, and find your Measurement ID under the Integrations tag. If it starts with “UA-,” you’re using Universal Analytics, and that should change.

Here’s what you should do.

1. Reach the GA4 Setup assistant and follow the steps provided on this Google’s support page.
2. Use the same guide to set up your GA4 property.
3. Add a web data stream to your GA4 property, as explained in the Adding a Data Steam section above.
4. Configure the measurement code, as explained here. You will essentially receive a new ID that starts with “G-” or “AW-”.
5. Copy the measurement ID and add it to the Measurement ID field in your Site settings in Webflow, as explained in the Adding Measurement ID to Webflow section above.

Final Thoughts

So far, I’ve covered the basics, but things do get a bit more complex, especially once e-commerce enters the picture. I recommend reading Webflow University’s take on setting up Google Analytics. I used that piece as my primary source of information, along with available Google support pages. 

Setting up analytics isn’t a simple process, but it’s definitely a rewarding one. Once you start understanding how your visitors operate and think, you can further optimize your site, funnel, and everything else needed to make your business or organization more successful.

If you’re looking for someone to design, build, and launch your site, while connecting it to Google Analytics, make sure to get in touch with our Webflow experts.

{{cta}}