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