Setting up Google Analytics 4 (GA4) in Webflow takes under 5 minutes. You can integrate it using Webflow's native integration (no code required, available on all site plans) or by injecting the gtag.js script via custom code.
Step 1: Get Your GA4 Measurement ID
- Log in to Google Analytics.
- Go to Admin (gear icon) > Data Streams and select your Web stream.
- Copy your Measurement ID (it starts with
G-, GT-, or GTM-).
Method 1: Native Webflow Integration (Recommended)
Webflow's native integration routes tracking through Google Tag Gateway via Webflow’s CDN proxy, improving accuracy against ad blockers and enabling automatic e-commerce event tracking without writing code.
- Open your Webflow Dashboard, click the three dots (...) on your site card, and select Site Settings.
- Navigate to the Apps & Integrations (or Integrations) tab.
- Locate the Google Analytics / Google Tag field.
- Paste your Measurement ID (
G-XXXXXXXXXX). - Click Save Changes, then Publish your site to live domains.
Method 2: Custom Code Injection (<head> Tag)
Use this method if you are managing tracking via Google Tag Manager (GTM) or require custom script modifications. Note: Requires a paid Webflow Site or Workspace Plan.
- In Google Analytics, go to Admin > Data Streams > Web Stream > View tag instructions.
- Select Install manually and copy the entire
gtag.js code snippet. - In Webflow, go to Site Settings > Custom Code.
- Paste the snippet into the Head Code field.
- Click Save Changes and Publish your site.
| Feature |
Native Integration |
Custom <head> Code |
| Webflow Plan Required |
Free & Paid Plans |
Paid Site/Workspace Plan |
| Setup Effort |
Copy-paste ID only |
Copy-paste full JS snippet |
| Google Tag Gateway (Proxy) |
Enabled automatically |
Manual setup required |
| Auto E-Commerce Events |
Native support |
Requires custom dataLayer code |
How to Verify the Integration
- Open your published Webflow site in a new browser tab or incognito window.
- Open Google Analytics and navigate to Reports > Realtime.
- Confirm that active user count increases to at least 1 within 30 seconds.
Crucial Rule: Never use both Native Integration and Custom Code simultaneously. Dual installation will trigger duplicate pageviews and distort your conversion metrics.
.png)
.svg)
.avif)
.webp)
.svg)
..svg)
.png)
.avif)
.avif)
