How can I connect my new Webflow site pages with GA4 for tracking page hits and obtain the replacement analytics code to place on the site?

TL;DR
  • Create a GA4 property in Google Analytics, obtain the Measurement ID, and paste it into Webflow's Integrations settings under Google Analytics. 
  • Verify the integration by checking the GA4 Realtime section as you visit your Webflow site.

To connect your new Webflow site with Google Analytics 4 (GA4) and track page hits, you'll need to replace the older Universal Analytics tracking code with the new GA4 measurement ID in your site’s settings. Here's how:

​

1. Access Google Analytics

  • Sign in to your Google Analytics account.
  • Navigate to the Admin panel by clicking on the gear icon in the lower-left corner.

​

2. Create GA4 Property

  • If you haven't created a GA4 property yet, click on Create Property and select GA4.
  • Fill in the required property details such as property name, time zone, and currency.
  • Click Next to configure data stream settings.

​

3. Obtain Measurement ID

  • In your GA4 property, select Data Streams under the Property column.
  • Click on Add stream and select Web for a website data stream.
  • Enter your website’s URL and stream name.
  • Click Create Stream to generate the stream.
  • You will receive a Measurement ID (e.g., G-XXXXXXXXXX) which you will need for Webflow integration.

​

4. Add GA4 to Webflow

  • Log in to your Webflow account and select the project you want to track.
  • Go to the Project Settings.
  • Navigate to the Integrations tab.
  • In the Google Analytics section, paste the Measurement ID into the corresponding field.
  • Save Changes to ensure the tracking code is applied.

​

5. Verify Setup

  • Within the GA4 interface, go to the Realtime section to confirm that hits are being recorded from your Webflow site.
  • Visit your live Webflow site to trigger page hits, then confirm these appear in the GA4 dashboard.

​

Summary

By creating a GA4 property in Google Analytics and obtaining the Measurement ID, you can easily integrate GA4 with your Webflow site. Just paste the measurement ID in the Webflow Integrations settings, and you can track page hits effectively. Always ensure the integration is working by checking your GA4 Realtime data.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
What are the hreflang related errors that can occur when running site audits on a Webflow site using Weglot for multilingual functionality?
Can I use the Lottie integration with the Webflow CMS to dynamically fill a Lottie element on each individual CMS entry using a uploaded JSON file?
Is there a workaround for aligning content vertically in Webflow when there is just one line of text, without affecting the alignment of content with two lines of text?
Is Webflow considering integrating Printful into its Ecommerce platform?
How can I add a CSS function recommended by Google Pagespeed Insights in Webflow using custom code?
How can I make the INPUT FIELD on this Webflow template page active and process emails with "GO" as the send button for a Newsletter/Updates SIGN UP?
What could be causing the 406 error after form submission in Webflow?
How can I display event start and end dates in the local time of my website visitors using Webflow?
How can I add an event-specific pixel for Linkedin tracking on button click in Webflow without leading users to another URL for success?
How can I host a javascript for use in Webflow since the tutorial I found on the forum that uses Github is no longer available?
Is it possible to play a video in Webflow when a user scrolls and the video is in view?
How can I display the Category Name field in a Collection List in Webflow, when the source for the Category field is set using Inner Text Settings?
How can I disable the target=blank code in Webflow's link properties for an image that links to email, so that it doesn't open a separate tab with ?subject=(subject) in the browser?
How can I maintain the original quality of my images in Webflow Designer when they appear blurry after uploading or publishing my project?
Is there a tutorial or simple guide on embedding a PDF into a Webflow page? I've checked out the Webflow announcement about uploading PDFs, PPTs, DOCs, CSVs, and more, but I'm still having trouble figuring it out. Can someone assist me?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?