How to Connect Google Analytics 4 (GA4) to Your WordPress Website: A Step-by-Step Guide

Welcome to the exciting world of data-driven website management! If you run a WordPress website, understanding how your visitors interact with your content is paramount for growth and improvement. This is where Google Analytics comes in, and specifically, its latest iteration: Google Analytics 4 (GA4).

GA4 represents a significant shift from its predecessor, Universal Analytics (UA), offering a more flexible, event-based data model focused on user journeys across various platforms. With UA properties having stopped processing new data as of July 1, 2023, migrating to GA4 isn’t just an option—it’s a necessity for continued data collection.

This comprehensive tutorial will walk you through the entire process of setting up a new Google Analytics 4 property and connecting it to your WordPress website. We’ll cover everything from creating your GA4 property to verifying the connection, ensuring you’re ready to gather crucial insights about your audience.

By the end of this guide, you’ll have a fully functional GA4 setup on your WordPress site, ready to track user engagement, conversions, and much more. Let’s dive in!

What You’ll Need:

• A Google Account (e.g., your Gmail account)
• Admin access to your WordPress website

Part 1: Setting Up Your Google Analytics 4 Property

The first step is to create your GA4 property within Google Analytics. This is where your website’s data will be collected and processed.

Step 1: Access Google Analytics

Open your web browser and go to analytics.google.com. If you’re not already signed in, you’ll be prompted to log in with your Google Account.

• Tip: If you’ve used Google Analytics before, you might land directly on your existing Analytics dashboard. If this is your first time, you’ll likely see an option to “Start measuring.”

Step 2: Create a New GA4 Property

Once you’re in Google Analytics, navigate to the Admin section. You’ll find a gear icon in the bottom-left corner of the screen.

1. Click “Admin.”
2. In the “Property” column (the middle column), click the “Create Property” button.
3. Property Setup:

• Property name: Give your property a descriptive name, such as “My Website Name GA4” or “Example.com GA4.”
• Reporting time zone: Select the time zone relevant to your primary audience or business location. This affects how your data is displayed in reports.
• Currency: Choose the currency that’s most appropriate for your business.
• Click “Next.”

1. Business Information (Optional but Recommended):

• On the next screen, you’ll be asked about your industry category, business size, and how you intend to use Google Analytics. Providing this information helps Google customize your reporting interface and may offer relevant benchmarks, though it’s not strictly necessary for data collection. Fill it out as accurately as possible.
• Click “Create.”

• Explanation: A “property” in Google Analytics is essentially a container for the data collected from your website or app. Creating a new GA4 property ensures that all data collected conforms to the GA4 event-based model.

Step 3: Create a Data Stream

After creating your property, you’ll be prompted to choose a platform for your data stream. A data stream is the source of data that feeds into your GA4 property. For a WordPress website, you’ll choose “Web.”

1. Choose a platform: Select “Web.”
2. Set up your web stream:

• Website URL: Enter your full website URL (e.g., ZEALTERCODE0). Ensure you select the correct protocol (HTTP or HTTPS) from the dropdown.
• Stream name: Give your stream a descriptive name, such as “Example.com Website Stream.”
• Enhanced measurement: This feature is typically enabled by default and we highly recommend keeping it on. Enhanced measurement automatically tracks common user interactions like page views, scrolls, outbound clicks, site search, video engagement, and file downloads without requiring additional code changes. This is one of GA4’s most powerful features for gaining immediate insights.
• Click “Create stream.”

• Tip: If you accidentally navigate away from this screen, you can always find your data streams by going to Admin > Data Streams in your GA4 property.

Step 4: Locate Your Measurement ID

Once your web stream is created, you’ll see a screen detailing its information. The most crucial piece of information here is your Measurement ID.

• Look for the field labeled “Measurement ID” at the top of the Web stream details. It will start with a “G-” followed by a series of letters and numbers (e.g., ZEALTERCODE0).
• Copy this Measurement ID. You’ll need it in the next part of this tutorial to connect GA4 to your WordPress website.
• Where to find it later: If you lose this ID, simply go to Admin > Data Streams in your GA4 property, click on your web stream, and the Measurement ID will be displayed there.

Part 2: Connecting GA4 to Your WordPress Website

Now that you have your GA4 Measurement ID, it’s time to integrate it with your WordPress site. There are two primary methods: using a plugin (recommended for most users) or manually adding the code (for advanced users).

Method A: Using a WordPress Plugin (Recommended)

This is the easiest and most reliable method for most WordPress users. We’ll focus on Site Kit by Google, an official and comprehensive plugin that connects your site to multiple Google services, including Analytics.

Step 5A: Install and Activate Site Kit by Google

1. Log in to your WordPress dashboard.
2. Go to Plugins > Add New from the left-hand menu.
3. In the search bar, type “Site Kit by Google” and press Enter.
4. Locate the “Site Kit by Google” plugin (published by Google) and click “Install Now.”
5. Once installed, click “Activate.”

• Why Site Kit? Site Kit by Google simplifies the connection to Analytics, Search Console, AdSense, PageSpeed Insights, and Tag Manager. It handles the code placement automatically and allows you to view key data directly within your WordPress dashboard.

Step 6A: Start Site Kit Setup

After activation, you’ll see a new “Site Kit” menu item in your WordPress dashboard.

1. Click on “Site Kit” in the left-hand menu.
2. Click the “Start Setup” button.
3. Connect Google Account: Site Kit will guide you through a series of steps to connect your Google Account.

• Click “Sign in with Google.”
• Choose the Google Account you used to set up your GA4 property.
• Grant the necessary permissions to Site Kit by clicking “Allow.”

1. Verify Site Ownership: Site Kit will automatically try to verify your site ownership through your Google Account. If successful, click “Proceed.”
2. Allow Data Access: Grant permissions for Site Kit to access data from your Google services. Click “Allow.”
3. Set up Search Console: Site Kit will automatically set up Google Search Console for your site. Click “Next.”

Step 7A: Connect Google Analytics Service

During the Site Kit setup, you’ll eventually reach the “Connect Google Analytics” step.

1. On the “Connect Google Analytics” screen, you’ll see a dropdown menu labeled “Configure Google Analytics 4.”
2. Select your newly created GA4 property from the dropdown list. It should appear with the name you gave it (e.g., “My Website Name GA4”).
3. If you have an existing Universal Analytics property on the same Google account, Site Kit might give you an option to connect that as well. For this tutorial, focus on GA4.
4. Click “Configure Analytics” or “Next.”

Step 8A: Complete Site Kit Setup

Follow any remaining prompts to complete the Site Kit setup. Once finished, you’ll be redirected to your Site Kit dashboard in WordPress, where you’ll see summary data from Analytics, Search Console, and other connected services.

Step 9A: Verify Connection (Highly Recommended)

While Site Kit usually works flawlessly, it’s always good practice to double-check. Skip ahead to Part 3: Verifying Your GA4 Connection to confirm your data is flowing correctly.

Method B: Manual Installation (Advanced Users)

This method involves directly adding the GA4 tracking code (Global Site Tag, ZEALTERCODE0) to your WordPress theme’s ZEALTERCODE1 file. This method requires more caution as incorrect code placement can break your site. Only use this if you are comfortable editing theme files or using FTP.

Step 5B: Access Your WordPress Theme Files

You have a few options to access your theme files:

• WordPress Theme File Editor (Caution Recommended):
• In your WordPress dashboard, go to Appearance > Theme File Editor.
• Important Warning: Making changes here directly can break your site. It’s highly recommended to use a child theme or back up your site before proceeding.
• FTP/SFTP Client (Safer, Recommended for Advanced Users):
• Use an FTP client (like FileZilla) to connect to your website’s server.
• Navigate to ZEALTERCODE0.
• cPanel File Manager (Common for Shared Hosting):
• Log in to your hosting account’s cPanel.
• Go to File Manager.
• Navigate to ZEALTERCODE0.

Step 6B: Locate ZEALTERCODE0

Once you’ve accessed your theme files, find the file named ZEALTERCODE0. This file controls the ZEALTERCODE1 section of your website, which is where the GA4 tracking code needs to be placed.

• Explanation: The Google Analytics tracking code must be placed within the ZEALTERCODE0 section of every page you want to track. Placing it in ZEALTERCODE1 ensures it’s loaded before the rest of the page content, allowing it to track user interactions from the very beginning of their visit.

Step 7B: Paste the GA4 Global Site Tag (gtag.js)

Now you need to retrieve the full ZEALTERCODE0 code from your GA4 property and paste it into ZEALTERCODE1.

1. Go back to Google Analytics: analytics.google.com
2. Navigate to Admin > Data Streams.
3. Click on your web stream (the one you created earlier).
4. Under “Tagging instructions,” click “View tag instructions.”
5. Select the “Install manually” tab.
6. You’ll see a block of JavaScript code. Copy this entire code snippet. It will look something like this (but with your actual Measurement ID):

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXX');
    </script>

1. Paste the code: Open your ZEALTERCODE0 file (either in the Theme File Editor, FTP client, or cPanel editor).
2. Find the opening ZEALTERCODE0 tag and paste the entire GA4 ZEALTERCODE1 code immediately after it. It’s crucial that it’s within the ZEALTERCODE2 section.

    <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXX');
    </script>
    <!-- Other head elements like meta tags, title, stylesheets, etc. go here -->
    </head>

Step 8B: Save Changes

• If using the Theme File Editor, click “Update File.”
• If using FTP/SFTP or cPanel File Manager, save the file and upload it back to your server, overwriting the old ZEALTERCODE0.

Step 9B: Verify Connection (Highly Recommended)

Proceed to the next section to confirm your GA4 data is being collected correctly.

Part 3: Verifying Your GA4 Connection

After setting up your GA4 property and connecting it to WordPress, it’s essential to verify that data is being sent and received correctly.

Step 10: Use the Realtime Report in GA4

The Realtime report in Google Analytics 4 is your best friend for immediate verification.

1. Go to Google Analytics: analytics.google.com
2. Navigate to your GA4 property.
3. In the left-hand menu, click on “Reports” and then “Realtime.”
4. Open your WordPress website in a new browser tab or, even better, in an incognito/private browsing window (to avoid interference from browser extensions or cached data).
5. Browse a few pages on your website, click on some links, and simulate user activity.
6. Return to your Realtime report in GA4. Within a few seconds, you should start seeing data appear:

• “Users in last 30 minutes” should show “1” (or more if you have other visitors).
• You’ll see cards updating with events, page views, and geographical data.
• Look for your specific page views and events (like ZEALTERCODE0 and ZEALTERCODE1) appearing in the event stream.

• Tip: If you don’t see data immediately, wait a minute or two and refresh your website. Sometimes it takes a moment for the data to process and appear.

Step 11: Use Google Tag Assistant (Optional)

For more in-depth debugging, the Google Tag Assistant Chrome extension can be very helpful.

1. Install the “Tag Assistant Companion” extension from the Chrome Web Store.
2. Navigate to your website.
3. Click on the Tag Assistant icon in your browser’s toolbar.
4. It will show you which Google tags are detected on the page, including your GA4 ZEALTERCODE0 tag and its Measurement ID. This confirms the code is present and firing.

Troubleshooting Tips

• Clear Caching: If you use a caching plugin on WordPress (e.g., WP Rocket, LiteSpeed Cache, W3 Total Cache), clear your website’s cache after installing the GA4 code or plugin. Old cached versions of your pages might not include the new tracking code.
• Check Measurement ID: Double-check that the Measurement ID (G-XXXXXXXXX) you entered or selected is correct and matches your GA4 property.
• Plugin Conflicts: If you’re using a different analytics plugin, it might conflict with Site Kit or manual code. Try deactivating other analytics-related plugins temporarily if you suspect a conflict.
• Wait a Little Longer: Sometimes, it can take a few minutes (up to 30) for data to fully populate in GA4, especially for the very first events.
• Check Browser Developer Tools: Open your browser’s developer tools (usually F12 or right-click > Inspect) and go to the “Network” tab. Filter by “gtag” or “analytics.” You should see requests being sent to Google Analytics. This confirms the code is attempting to send data.

Conclusion

Congratulations! You’ve successfully set up Google Analytics 4 on your WordPress website. You’re now equipped to collect valuable data about your audience’s behavior, understand how they engage with your content, and make informed decisions to improve your site.

Remember, GA4 is a powerful tool with many advanced features. Take the time to explore the various reports, familiarize yourself with its event-based model, and customize your tracking to align with your specific business goals. The data you gather will be instrumental in your website’s continued success. Happy analyzing!