Connecting Google Analytics (GA4) to ClickFunnels

Understanding how visitors interact with your site is key to making informed business decisions, and that’s where Google Analytics helps. However, installing it manually can involve a complex setup. ClickFunnels simplifies this with a no-code solution to connect Google Analytics directly from your site settings. In this article, you’ll learn how to connect Google Analytics (GA4) in ClickFunnels.

Requirements

1. An active ClickFunnels account

2. The Site & Blog app added to your workspace

3. A Google Analytics account

4. A GA4 property is available in your Google Analytics account

What is Google Analytics 4 (GA4)

Google Analytics 4 (GA4) is Google's latest analytics platform, built to provide deeper insights into how users interact with your website. It replaces Universal Analytics and introduces event-based tracking, which captures more meaningful actions, like button clicks, form submissions, and purchases, rather than just pageviews.

Key benefits:

• Track how visitors move through your site and funnels in real time

• Measure events like button clicks, form submissions, and purchases

• Use data insights to optimize site and funnel performance and conversions

Example:

Suppose you have a funnel with a lead capture form followed by an order form. With GA4, you can track the number of people who viewed each step, submitted the form, and completed the purchase. This lets you identify drop-off points and improve your funnel's effectiveness.

💡 Helpful Resources:

1. [GA4] Set up Analytics for a website and/or app

2. [GA4] Data freshness

3. [GA4] Recommended events

4. [GA4] Overview of Google Analytics reports

5. [GA4] Custom events

Step 1: Get Your Measurement ID (GA4 Data Stream)

Note (first-time setup):

If this is your first time using Google Analytics, create a GA4 property first, then create a Web data stream inside that property.

💡 For details, see Google’s guide: Set up Analytics for a website and/or app.

1. Sign in to Google Analytics.

2. Go to ⚙️ Admin (bottom-left).

3. Under Data Collection and Modification, choose Data Streams.

4. Click Add stream » Web.
   

5. Enter your website URL and stream name.

6. (Optional) Enhanced Measurement can remain on by default. It sends common events such as page_view and scroll.

7. Click Create & Continue.

8. In the stream details, copy the Measurement ID (format: G-XXXXXXXXXX). You’ll paste this into ClickFunnels.
   

Step 2: Create an API Secret

1. From the same Web Data Stream, scroll to Measurement Protocol API secrets.
   

2. Click Create.

3. Type a nickname (e.g., ClickFunnels Site).

4. Click Create.

5. Copy the Secret value. Store it securely. It may not be fully visible again.
   

Step 3: Connect to ClickFunnels

1. In your ClickFunnels workspace, go to the Site & Blog app.

2. Select Site Settings.
   

3. Scroll to Tracking Code.

4. Paste your Measurement ID into GA4/GTM Measurement ID.

5. Paste your Secret value into GA4/GTM Api Secret.

6. Review Add GTagJS Script and choose one option:

   • On (recommended) – Turn this on if you are not already loading Google Analytics/gtag or Google Tag Manager anywhere else. ClickFunnels will inject gtag.js on every page for you.

   • Off – Turn this off if you already load gtag/GA or GTM via another method (e.g., GTM container, custom code). This prevents duplicate pageviews and events.

   

7. Click Update Site.

Note:

If you enter only the Measurement ID, ClickFunnels will record browser-side events via gtag.js. Adding the API Secret enables additional server-side event delivery from ClickFunnels. At this time, ClickFunnels sends one additional server-side event: generate_lead. Support for more GA4 Recommended Events may be added in the future. Your API Secret is stored server-side. Never include it in front-end code.

Step 4: Verify in GA4

Realtime (immediate validation)

1. In GA4, go to Reports » Realtime Overview.

2. Open your site or funnel pages in a new tab (or Incognito) and browse a few pages.

3. Within minutes, confirm you see an Active user and events such as page_view, session_start, plus any other events you triggered.
   

4. Optional: add a comparison for Host Name to verify which domain sent the hits (useful if you track multiple domains).

Standard Reports (totals)

Events Report

1. In GA4, go to Reports (bar‑chart icon on the left).

2. Under Business objectives, expand View user engagement & retention.

3. Click Events.
   

4. Use the Search box to find your custom event, or scan the table.

5. (Optional) Click Add comparison to break down by device, country, or add Host name as a secondary dimension to separate domains.

What You’ll See

• A timeline chart of event activity.

• A table with Event name, Event count, Total users, Event count per active user, and Total revenue.

Pages & Screens Report

1. In GA4, go to Reports.

2. Under View user engagement & retention, click Pages and Screens.
   

3. Review page‑level totals.

4. (Optional) Click Add comparison to break down by device, country, or add Host name as a secondary dimension to separate domains.

Important:

For events to appear in the main Events tab (under Reports > View User Engagement & Retention), there's a processing delay. This is because GA4 needs time to process, organize, and model the data. You should expect to see your events appear in these reports within 24 to 48 hours ⏳ . However, Events will show up in the Real-time report almost instantly, typically within a few seconds to a few minutes.

💡 Reference: [GA4] Data freshness.

Tracking Custom Events

Record a specific action (e.g., a CTA click or a step view) as its own GA4 event.

Create the Custom Event in GA4

1. Go to ⚙️ Admin (bottom-left).

2. Under Data Display, select Events.

3. Click + Create Event.

4. Enter an event name (use lowercase_with_underscores, e.g., cta_click).

5. Optionally mark the event as a key event.

6. Choose Create with Code.

7. Click Create to create the event.
   

Trigger the Event From Your ClickFunnels Page

1. Make sure GA4 loads once (either turn Add GTagJS Script = ON in ClickFunnels or load GA via GTM, not both).

2. Add the event to your custom script to the ClickFunnels Page » Settings » Show Code » Footer: Here is a sample script:

   <script>
   document.addEventListener('DOMContentLoaded', function () {
   const btn = document.querySelector('[data-element-id="order-button"]');
   if (!btn) return;
   btn.addEventListener('click', function () {
   if (typeof gtag === 'function') {
   gtag('event', 'order_button_click', { label: 'Order Button Clicked' });
   }
   });
   });
   </script>

   Note:

   The above code is an illustration of JavaScript that selects a button with a custom attribute [data-element-id="order-button"]. You can select any container (section, row, element, and their children) using their ID or custom attribute. If you need help with custom coding, we advise reaching out to a qualified developer for assistance.
   
   💡 Learn more: Adding JavaScript and Tracking Code for Advanced Features.

3. Click Save to apply changes to the page editor.

4. Open the page in a new tab (or Incognito) and trigger the event (e.g., click, scroll, etc).

Verify It Fired

1. In GA4, go to Reports (bar‑chart icon on the left).

2. Select Realtime Overview.

3. Trigger the action by visiting the page. You should see your event name appear within minutes.

Standard Report

1. In GA4, go to Reports (bar‑chart icon on the left).

2. Under Business objectives, expand View user engagement & retention.

3. Click Events.

4. Your custom event will list automatically after the first hit. However, remember that standard reports (Events, Pages & screens, Conversions) may take up to 24 - 48 hours to show totals.
   

Troubleshooting

• No data in Realtime: Verify the Measurement ID and API Secret, save settings, and retry. Ensure Add GTagJS Script is on unless you purposely load GA via GTM/custom code.

• Double pageviews or inflated sessions: Likely caused by loading GA twice (e.g., GTM + the toggle). Turn off the toggle “Add GTagJS Script” if GTM or another gtag is already present.

• Ad blockers / privacy features: Test using a different browser or Incognito; some extensions block analytics requests.

• Use DebugView (live device debugging): In GA4, open Admin »  DebugView. DebugView shows a real‑time, device‑specific timeline of events and parameters. Use it when Realtime shows activity but a specific event is missing, or when you need to confirm the order and payload of events. Enable via GTM Preview or the Google Analytics Debugger Chrome extension (or send a test event with  debug_mode: true). Learn more: Use DebugView in GA4.

GA4 FAQs