How To Install Google Analytics 4 On Shopify

Blog>
How To Install Google Analytics 4 On Shopify

By now you should know that Google retired Universal Analytics in July 2023, and moved everything to GA4. This means that website owners need to get GA4 set up as soon as possible. For ecommerce websites there’s the added complication of getting ecommerce tracking working in GA4 too. For Shopify stores this process was really simple on Universal Analytics, but is more challenging on GA4.

Read on for an easy process to set up GA4 ecommerce tracking on any Shopify website without needing to install apps or use developers.

To complete this process you’ll need to have both GTM and GA4 already installed on your Shopify store. For help with this, read our guides on How To Install GTM on Shopify and How To Install GA4 on Shopify.

Whilst anyone should be able to follow this guide, it will be easier if you have a basic understanding of how GTM works.

Talk To Us About Shopify Support

How To Set Up Google Analytics 4 on Shopify

Before you can start gathering data about your store, you need to have a Google Analytics account and create a GA4 property. You can then set up Google Analytics 4 tags on your Shopify store, and connect your Google Ads account with your Google Analytics account.

Step 1: Create a Google account and Google Analytics account

You need a Google account to use Google Analytics. If you already use Google products, such as Gmail or Ads, then you can use the same account for Google Analytics.

If you don't already have an account for a Google product, then create a Google account. You don't have to use the Gmail account for anything other than signing in and out of Google Analytics.

After you create a Google account, you need to Create an Analytics account. Then proceed to step 2.

Step 2: Create or move a Google Analytics 4 property

To activate Google Analytics 4, either create a new Google Analytics 4 property to add to your Shopify store, or move an existing property that you previously created.

After you have your property, you need to create a web data stream. Make a note of the Tag ID because you'll use it in Step 3.

Step 3: Add Google Analytics 4 tags

If you don't have the Google & YouTube channel installed, then you're prompted to install it during the set up process for your GA4 tags. You don't have to connect to the Google Merchant Center to complete your GA4 tags setup process.

Steps:

From your Shopify admin, got to Online store > Preferences.
In the Google Analytics section, click Manage pixel here.
Click Connect your Google account.
Select the Tag ID for the GA4 property that you want to connect to your Shopify store.
Click Connect your Google Analytics 4 property.
After you set up Google Analytics 4 tags, certain ecommerce events are tracked automatically. To learn more about event tracking in Google Analytics 4, refer to Setting up Google Analytics events.

Note Google Analytics can't track events until you remove password protection from your online store.

Step 4: Link your Google Analytics account to your Google Ads account

Linking a Google Analytics property to your Google Ads account helps you to analyse customer activity on your store that you can use to measure conversion actions and create audiences.

Create Data Layer In Shopify

Our first task is to create a data layer. The data layer is a simple bit of code that contains information about a visitor’s website session. This information can then be passed to other platforms such as GTM.

We’ve created a data layer for you that goes on the Shopify order-complete page. It automatically populates itself with information about the customer's order, such as order value, shipping costs and items purchased.

Copy and paste the script below into the ‘checkout’ scripts field in your Shopify admin settings. This can be found by going to ‘Settings > Checkout & Accounts > Additional Scripts’
This data layer pushes a ‘purchase’ event to GTM that contains information about the customer's order.

{% if first_time_accessed %}
<script>
  dataLayer.push({ ecommerce: null });  // Clear the previous ecommerce object.
  window.dataLayer.push({
    'event': 'purchase', 
      ecommerce: {
      'transaction_id': '{{ order.name || order.order_number }}',
      'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping
      'tax': {{ tax_price | money_without_currency | remove:',' }},
      'shipping': {{ shipping_price | money_without_currency | remove:',' }},
      'currency': '{{ shop.currency }}',
      'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter
      'items': [

      {% for line_item in line_items %}
        {
        'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id
        'item_name': '{{ line_item.product.title }}',
        'discount': {{ line_item.line_level_total_discount | money_without_currency }},
        'item_variant': '{{ line_item.variant.title }}',
        'price': {{ line_item.final_price | money_without_currency }},    
        'quantity': {{ line_item.quantity }}
        },
      {% endfor %}
      ]}
  });
</script>
{% endif %}**

How to set up GA4 with GTM

Create Firing Trigger in GTM

Now we need to set up a trigger that fires when customers complete an order. When the trigger fires, the tag that contains the order information is sent to GA4.

We need to define the conditions on which our purchase trigger fires. The condition for our trigger will be when the purchase event in our data layer is pushed. To set this up:

Log into GTM, go to the left menu and select ‘Triggers’
Press the blue ‘New’ button
Call your trigger ‘GA4 - Purchase’
Press the ‘edit’ icon in the corner of the ‘Trigger Configuration’ window
Under ‘Choose trigger type’ select ‘Custom Event’
In the ‘Event name’ field type ‘purchase’
Set ‘This trigger fires on’ to ‘Some custom events’
Set the event conditions to:
Event - Equals - Purchase

When you’re finished, it should look like this:

GA4 ecommerce setup

Create Data Layer Variables in GTM

Before we set up our tag, we need to create GTM variables to grab information from our data layer. If variables are new to you, think of them as packets that contain small bits of information.

Specific values from the data layer are added into these variables, and these are then sent to GA4.

We need to create variables to extract the following values from your datalayer:

Order Revenue
Order ID
Currency
Tax
Shipping Costs
Items Purchased
In GTM, from the left menu click into the ‘Variables’ page
In the ‘User-Defined Variables’ box click on the ‘New’ button
On this screen you can create a new GTM variable. You need to do the following process for each of the variables listed above. The details for each individual variable is listed below:

Order Revenue

Name: dlv - Thank You Page - Order Revenue

Variable Configuration: