Once you have installed the VTEX IO Google Tag Manager app, set it up in your store by configuring all the necessary variables, triggers, and tags.

In this guide, you'll learn how to track and analyze store data using Google Analytics 4 (GA4). Specifically, you will:

• Configure GA4 events by downloading and importing a container file, adding necessary tags, triggers, and variables, and updating the Measurement ID field with your Google tag ID.
• Test the GA4 Configuration tag to confirm it fires correctly on every page and ensure that the GA4 Event tags accurately track user actions such as viewing a product or adding a product to the cart.
• Use Google Analytics' DebugView and Reports to confirm that events are being received and data is being populated in your reports.
• Track critical user actions—including product impressions, add-to-cart events, and completed orders—by leveraging Pixel Apps and GA4 events.

Before proceeding any further, make sure you have the following requisites:

1. Installed and configured the VTEX Google Tag Manager app. For more information, refer to Installing Google Tag Manager.
2. Created a Google Analytics 4 (GA4) Configuration Tag using your Measumerent ID in Google Tag Manager (GTM). For more information, refer to the following Google article Set up the Google Analytics 4 Configuration tag.

Once the GA4 Configuration tag is created, set up all GA4 events as follows:

1. Download the GTM container file to pre-load all necessary tags, triggers, and variables.

2. Import the container file by following Google’s Import a container guide. This will add all the necessary tags, triggers, and variables to the workspace.

   

3. In the GTM container, go to the GA4 Configuration tag, and edit the Measurement ID field with your Google Tag ID ( G- ID).

   To find your Google Tag ID, refer to Find your Google tag ID article

To test that the GA4 Configuration tag is firing correctly for every page, use the Preview mode in GTM. Additionally, verify if the GA4 Event tags are firing accurately for user actions such as viewing a product or adding a product to the cart.

To verify if the events are arriving and the reports are being filled with data, access the Google Analytics Admin and use the DebugView to verify if the events are arriving and the Reports are being filled with data.

To see the available events that GA4 can track, refer to the Overview of Events in Google Analytics 4 section.

This section provides a list of events that GA4 can track. This section also explains the view_promotion event, which is usually attached to the promotion banners carousel displayed by the Slider Layout block.

The GA4 view_promotion expects to receive the product’s name or ID associated with it.

This event is commonly attached to the promotion banner carousel displayed by the Slider Layout block. For example, you can use the Site Editor to configure the Product ID and Product Name. To access the Site Editor, go to Storefront > Site Editor in the VTEX Admin.

Check out the available events that Pixel Apps can listen to and their equivalent names in UA and GA4:

The following events are not fully supported yet. Although the GTM app will listen and format them into GA4, their VTEX event triggers have not been implemented yet: