...

How to Add Google Analytics 4 (GA4) to Your Astra-Themed WordPress Site

How to Add Google Analytics 4 (GA4) to Your Astra-Themed WordPress Site

Step 1: Create a GA4 Property

    1. Go to the Google Analytics website and sign in with your Google account  (If you don’t have a Google account, you’ll need to create one).
    2. Click on Admin in the left sidebar.
    3. In the Property column, click Create Property.
    4. Enter your website details, such as the Property NameReporting Time Zone, and Currency.

    Step 2: Get Your Tracking Code

     

    1. Set Up a Data Stream: After creating the property, select “Web” as the platform and enter your website URL.
    2. Copy the Tracking Code: Once the data stream is set up, you’ll receive a tracking code (gtag.js). Copy this code. 

    The below code is similar but you have to replace G-XXXXXXX with your Measurement ID.

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

    Step 3: Add the Tracking Code to Your Astra Theme

     

    You have a few options to add the tracking code to your Astra theme:

    Option 1: Using Astra Hooks (Free Version)

     

    1. Install Astra Hooks Plugin: From your WordPress dashboard, go to Plugins > Add New, search for “Astra Hooks,” install, and activate it.
    2. Add the Tracking Code: Go to Appearance > Customizer > Hooks > Header > wp_head. Paste the GA4 tracking code here and publish the changes

    Option 2: Using Astra Pro Custom Layouts

     

    1. Activate Custom Layouts: If you have Astra Pro, go to Appearance > Astra Options and activate the Custom Layouts module.
    2. Create a Custom Layout: Go to Appearance > Custom Layouts > Add New. Name your layout, paste the GA4 tracking code, and set the action to “wp_head.” Publish the layout

    Option 3: Using a Plugin

     

    1. Install Insert Headers and Footers Plugin: Go to Plugins > Add New, search for “Insert Headers and Footers,” install, and activate it.
    2. Add the Tracking Code: Go to Settings > Insert Headers and Footers. Paste the GA4 tracking code into the “Scripts in Header” section and save

    Step 4: Verify the Installation

     

    1. Check Real-Time Reports: Go back to your Google Analytics account and check the real-time reports to ensure data is being collected.

    By following these steps, you should be able to successfully add GA4 to your Astra-themed WordPress site.

    Seraphinite AcceleratorOptimized by Seraphinite Accelerator
    Turns on site high speed to be attractive for people and search engines.