Installing Google Tag Manager

Before you start

You need a Google account to use Google Tag Manager. If you already use Google products, such as Gmail, you can use the same account.

If you do not have an account for a Google product, create one at Creating your Google account.

⚠️

If you install a new version of the Google Tag Manager (GTM) app, the VTEX environment deletes the previous GTM data stored. Therefore, if you already have a GTM version installed in your account, review the data that you have added before installing a new version of the app.

Step-by-step

  1. Access your VTEX Admin and go to Account settings > Apps > App Store

  2. Search for the Google Tag Manager app and click on Install. You will be redirected to the App Store page and login into your App Store account if you are not already logged in.
    image2image2

  3. After you will be redirected to the App Store landing page, and in the search field, type Google Tag Manager, click on the app, then on GET APP.

  4. On the checkout page, click on check out the Google Tag Manager terms and conditions, and if you agree, click on PLACE ORDER.

ℹ️

Info

The GTM is a free app.

  1. You’ll see a success message about the purchase and click on GO TO INSTALL PAGE, which will redirect you to the GTM setup page.
  2. You'll see a warning message about needing to enter the necessary configurations. Scroll down and type your GTM ID in the Google Tag Manager field.
  3. Click on Save.

Info

To find your store’s GTM ID, first, you need a container to the Tag Manager account. If you do not have one follow the create a new account and container tutorial and after find the GTM ID in The Container ID column of the container.

Once you have installed the app, go to Setting up Google Tag Manager documentation and learn how to set up the variables, triggers, and tags necessaries for the app to work.

Restrictions

In order to avoid performance problems and unforeseen behavior, the VTEX IO Google Tag Manager solution uses the native GTM blacklist feature. You can read more about this feature on the Google Developer Guide.
By default, the HTML ID is blocked, which automatically blocklists all the tags, variables, and triggers of the type customScripts. The main consequence of this blocklist is that Custom HTML tags will not be triggered.
The HTML blacklist is a VTEX Google Tag Manager app's default. If you want to disable this restriction go to https://{accountName}.myvtex.com/admin/apps/[email protected]/setup and check the toggle below.

restrictionsrestrictions

Most of the widely used Custom HTML tags are integrations with third-party services, like Customer Chat, Analytics, Remarketing, and Pixel tags. If your store needs a Custom HTML for one of those cases, the integration can either be done by transforming the tags into a VTEX IO Pixel App or by removing this restriction.
Check out below the full list of tags and variables that are blocked, by default, in VTEX IO Google Tag Manager solution below:

Blocked tags

  • Custom HTML Tag - html
  • Eulerian Analytics Tag - ela
  • SaleCycle JavaScript Tag - scjs
  • Upsellit Global Footer Tag - uslt
  • Upsellit Confirmation Tag - uspt

Blocked variables

  • Custom JavaScript Variable - jsm

Check out a list with all the GTM available tags on the Google Developer Guide.

Next Step


Did this page help you?