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
  • Set up a new GA4 property in Google Analytics, configure data streams, and obtain the GA4 tracking code.
  • Log in to Webflow, access Project Settings, and paste the GA4 tracking code in the Custom Code section under the head tag.
  • Re-publish your Webflow site to start tracking with GA4.

To track your Webflow site with GA4, you'll need to integrate the new tracking code into your site. Here's how to obtain and use the Google Analytics 4 tracking code.

​

1. Set Up GA4 in Google Analytics

  • Log in to your Google Analytics account and select the desired account.
  • In the Admin panel, navigate to the Property column and click on Create Property to start the GA4 setup.
  • Enter your property name, select your reporting time zone, and choose the currency settings for your site.
  • Click Next and provide business information if prompted, then finish the setup.

​

2. Obtain the GA4 Tracking Code

  • In Admin Panel, under the Property column, click on Data Streams and select your web stream or create a new one.
  • Once your data stream is configured, locate your Measurement ID at the top right corner.
  • Click on View Tag Instructions, then on Global Site Tag (gtag.js) to view instructions.
  • Copy the generatedgtag.js script, which includes your Measurement ID.

​

3. Embed GA4 Tracking in Webflow

  • Log in to your Webflow dashboard and open your project.
  • Go to Project Settings and navigate to the Custom Code tab.
  • Paste the gtag.js script in the Head Code section to ensure it loads on every page.
  • Save changes and re-publish your project for the script to take effect.

​

Summary

To connect your Webflow site pages with GA4, set up a new property in Google Analytics, collect the GA4 tracking code, and embed it in your Webflow site's Custom Code section under the head tag. Re-publish your site to begin tracking page hits using GA4.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I embed a clean, video with a play button on a website created in Webflow without displaying any extra graphics or suggestions from YouTube or Vimeo?
What are some tips and solutions for creating a custom navbar in Webflow that includes logo alignment, centered links with dropdowns, and a right-aligned button, as well as full width dropdowns with up to 6 links? Additionally, how can I properly place tertiary divs for the dropdown interaction, and align dropdown links under specific menu items while keeping the rest centered? Lastly, any suggestions for creating a mobile menu with a left fly in, full screen layout and tappable dropdowns?
How can I prevent an image in a column from shrinking when the browser size is smaller than 1440 px in Webflow?
How can I create a form in Webflow with information from my CMS, and set unique names for all the fields to avoid issues with checkboxes displaying incorrectly and receiving random field numbers in emails?
How can I create a GIF from still images using Webflow?
Is it possible to design and develop a website in Webflow and then connect a third-party headless CMS, such as Hygraph or Sanity, by using custom JavaScript code with API calls? Does Webflow support GraphQL integration for this purpose?
How can I address JavaScript-related issues with my Webflow site to improve its speed, particularly in regards to unused JavaScript, execution time, and minimizing main-thread work, considering that I have no experience with JS or custom code? I have already tried minifying HTML, CSS, and JS, as well as cleaning up unused classes, but these tweaks resulted in a slightly worse performance score.
How can I fix the issue where clicking on the next or previous pagination buttons on my Webflow blog shoots me back to the top of the page instead of staying on the section?
How can I downgrade my Ecommerce basic site to the CMS plan on Webflow if I keep getting a "Conflict" error message when I try to do so despite trying multiple credit cards?
How can I efficiently create a unified job listing form submission and checkout process on the same web page in Webflow without manually coding a Stripe checkout or using Typeform and Airtable forms?
How can I increase the right padding of the dropdown arrow in Webflow?
How can I handle multiple forms on a Webflow site and have each form submit to a different email address?
Why am I experiencing issues sending a form with file uploads, custom code for date pickers, and countries on Webflow? I was able to send it once but now I'm getting an error message stating "Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."
How can I prevent my full-screen slider in Webflow from pausing when my mouse hovers over it?
Can a Vue.js application be inserted within the custom code block on a Webflow page? Has anyone successfully done this yet?
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?