admin-plugins author calendar category facebook post rss search twitter star star-half star-empty

Tidy Repo

The best & most reliable WordPress plugins

Divi + GA4: Clean Installs, Event Tracking, and DebugView

Divi + GA4: Clean Installs, Event Tracking, and DebugView

Ethan Martinez

September 9, 2025

Blog

If you’re using the Divi theme and want to track your website data using Google Analytics 4 (GA4), you’re in the right place. Don’t worry—it’s not as scary as it sounds! With a little setup, you’ll be keeping tabs on all your visitors’ actions like a pro. Let’s break it down in a simple, fun way. No technical jargon, just good vibes and useful tracking.

Why Use GA4 with Divi?

Google Analytics 4 is the next big thing. Universal Analytics is going away, and GA4 offers more power and flexibility. It tracks users, not sessions. It also works better with apps and devices. If you want to grow your online business or blog with real insights, GA4 is the way to go.

And Divi? Well, Divi is one of the most popular visual builders for WordPress. It makes web design easy and fun. But when it comes to analytics, it doesn’t do much out of the box. That’s where GA4 steps in.

Step 1: Clean GA4 Install on Your Divi Site

Alright, let’s get GA4 working with your Divi site. Follow these steps:

  1. Create a GA4 Property:

    Go to your Google Analytics account. Create a new GA4 property. This gives you a new measurement ID like G-XXXXXXX.
  2. Add Tag Using Google Tag Manager (GTM):

    It’s cleaner and future-proof. No need to mess with code every time. Set up a Google Tag Manager account if you don’t have one.
  3. Install GTM on Divi:

    In your WordPress dashboard, go to Divi → Theme Options → Integration.

    Paste your GTM container code into the Header section.

Save everything. Now your site is sending data to GA4. Woohoo!

Step 2: What Should You Track?

Now the fun begins! By default, GA4 tracks some events like:

  • Page views
  • Scrolls
  • Outbound link clicks
  • Site search

But we can do more. Think about what matters to your website. Some ideas:

  • Button clicks
  • Form submissions
  • Video plays
  • Newsletter signups

This is where event tracking comes in. With GA4 + GTM, you can track almost anything on your Divi site.

Step 3: Setup Event Tracking with GTM

Let’s say you want to track clicks on your “Contact Us” button. Here’s what you do:

  1. Go to Google Tag Manager.
  2. Click Triggers → New.

    Choose Click – All Elements. Call it “Contact Button Click”.
  3. Use CSS selector rules or Text matches to focus the trigger—you don’t want every click!
  4. Next, go to Tags → New.

    Choose GA4 Event. Use your GA4 Configuration tag.
  5. Set the event name — something like contact_us_click.
  6. Attach your “Contact Button Click” trigger to this tag.

Publish your GTM workspace. Done!

This works the same way for other buttons or forms. Just set up new triggers and events.

Let’s Talk About DebugView

So, you just set up events… but are they working? That’s what DebugView is for!

In GA4, go to the “Configure” section on the left sidebar. Then click on DebugView. It shows you real-time data from users who have debugging enabled.

To activate this in your browser, make sure you’re previewing your GTM container (use the Preview button inside GTM). Then open your Divi site in the same tab.

Now go back to DebugView in GA4. You’ll see your actions being recorded one by one. It’s pretty wild—you click a button, and boom, it shows up!

Tips for Testing

Before trusting your data, test everything. Here’s a quick checklist:

  • Use GTM’s Preview mode to test interactions
  • Visit your live site and perform actions (clicks, scrolls, forms)
  • Check GA4 DebugView to see that events are firing
  • Add parameters like page_path, button_text, etc., for context

Testing is essential. You don’t want to miss that 100 people clicked your signup button but GA4 was asleep!

Common Problems (and Fixes)

Problem 1: No Events in DebugView
Fix: Make sure GTM preview is active. Also, make sure your GA4 tag uses the right measurement ID.

Problem 2: All Clicks Are Tracked
Fix: Be more specific with triggers! If you’re tracking the “Contact” button, use a CSS class or button text condition.

Problem 3: GTM Tag Doesn’t Fire
Fix: Check your trigger. Also, verify the event condition actually happens when tested.

Cool Bonus: Track Video Events

Using YouTube embeds on your Divi site? GA4 can track them too!

In GTM, go to Triggers and create a new one:
Choose YouTube Video as the type. Pick what you want to track—start, progress, full watch, etc.

Then create a GA4 Event Tag and attach this trigger. Done! Now you’ll know if users are binge-watching your videos or bouncing after 10 seconds.

Wrap-Up: You Got This!

Let’s review what we did:

  • Installed GA4 the clean way using Google Tag Manager
  • Tracked custom events like contact clicks and form submissions
  • Used DebugView to test everything in real time

Not bad, right?

GA4 might sound technical, but once you’ve got the hang of GTM + Divi, the sky’s the limit. You’ll collect better data, make better decisions, and build a site that rocks 🎸.

Now go forth, track everything, and have fun doing it!