This App uses Google Tag Manager to push event tagging to Google Analytics 4. During the installation you will create a Google Tag Manager account and import pre-built tags and variables. These tags will be able to push event tracking data to your Google Analytics 4 account.

Before you get started

Make sure you don't have any other Google Analytics or Google Tag Manager scripts on your site. Remove them before you start.

Also check your Header and Footer blocks.

Install the Google Analytics & Google Tag Manager App

Google Tag Manager

Step 1

The first thing to do is to create a new "Google Analytics: GA4 Configuration" or rename your existing "Google Analytics: GA4 Configuration" tag to "GA4 - Analytics EvoX". Then add the trigger "All Pages" to this tag.

πŸ‘ Important: If your default "Google Analytics: GA4 Configuration" isn't named "GA4 - Analytics EvoX" then your imports won't work. See above details.

Add your Google Analytics Measurement ID

How to find your Google Analytics Measurement ID

Step 2

Once we have our default Google Analytics tag created or renamed correctly, we can now start to import all the events or just the events that we need.

πŸ‘ Important: You have two options to choose from. Either you import all Events or you can simply choose the Events that you need. See the details below.

Option 1: Import All Events

Use this if you are doing a new install from scratch.

πŸ‘ Important: Don't forget the publish your changes after importing

Download All Events: all_events.json

Go to Admin > Import Container

πŸ‘ Important: Always choose "Merge > Overwrite conflicting tags, triggers and variables".

Option 2: Import only some Events

Use this if you only need to add some Events. The Gif gives an example of how to import individual events. You can repeat the process for any number of events that you need to add to your container.

πŸ‘ Important: Don't forget the publish your changes after importing

πŸ‘ Important: Always choose "Merge > Overwrite conflicting tags, triggers and variables".

Events

Below are a list of the

  • View Items List - when a user is presented with a list of results

  • Select Item - a user selects an item from the list

  • View Item - whenever a user views an item’s details screen

  • Add to Cart - item being added to a shopping cart

  • Remove from Cart - a user removes an item from a cart

  • Add to Wishlist - an item is added to a wishlist

  • View Cart - a user subsequently views the cart

  • Begin Checkout - first step in a checkout process

  • Add Shipping Info - user adds shipping information in checkout

  • Add Payment Info - user submits their payment information

  • Purchase - checkout completed

πŸ‘ Important: Don't forget the publish your changes after importing

Container Files

Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Attachment icon
Did this answer your question?