Enabling Google Enhanced in VTEX - GTM
To follow this tutorial, it is necessary that you already have a minimal knowledge of HTML, JS, JQUERY and google tag manager.
Set up the Admin First
Just click on Admin -> Ecommerce settings
Enabling Advanced Google
Just click to enable enhanced reporting
Set The Label
The checkout labeling is used to display user checkouts by section, it works the same way as the sales funnel but with more data.
Let's enhance Google before we start implementing, let's give a little theory.
In Advanced, you need to implement the following tags:
- Remove Cart
- Product details
- Print list
- Archive click (not recommended)
- Payment steps (shipping, profile, payment, email, load cart)
- Add to cart
- Order placed (we need to change the default vtex event to save the SKU data and not the product [the holder])
In Advanced, it is important to remember that you will always work with SKU data that is not at the product level, based on these assumptions we will follow.
To make it easier, follow our repository with all the tags:
We also have a video:
Complementing the information:
After installing the tags, we need to call each tag when firing, here is an example that we should use in all tags, just changing the event trigger:
I have put in enough for you to access the information:
One super important thing and create this triggered with the event name of each tag, so you guarantee it will be triggered.