Se sua loja é desenvolvida com base no Store framework, para fazer a integração funcionar em todas as páginas é necessário também instalar o aplicativo do pixel do Google Tag Manager. Veja como fazer isso na documentação sobre a app.
O Google Tag Manager é um sistema de gerenciamento de tags criado pelo Google para gerenciar tags JavaScript e HTML usadas para tracking e analytics de sites da web.
Na VTEX, a integração com o Google Tag Manager é nativa, o que simplifica a configuração da ferramenta para analisar dados de navegação da loja.Este artigo explica os pré-requisitos e os passos necessários para essa configuração, nas seções a seguir:
- Pré-requisitos
- Configurar tags no Google Tag Manager
- Editar configurações de Checkout
- VTEX IO: instalar pixel app do Google Tag Manager
Pré-requisitos
Antes de iniciar a configuração do Google Tag Manager, você precisa realizar os seguintes passos:
- Criar uma conta no Google Tag Manager.
- Configurar Google Analytics 4, ou seja, realizar a primeira etapa descrita no guia Configurar Google Analytics 4 em loja VTEX.
Configurar tags no Google Tag Manager
Por meio das tags, o Google Analytics permite que você acesse dados importantes a respeito da performance de sua loja, tais como, número de visitas e conversões. Para mais informações, acesse Setting up GA4 event.
Editar configurações de Checkout
Depois, você deve configurar o código de identificação da loja no Tag Manager na VTEX seguindo os passos abaixo:
- No Admin VTEX, acesse Configurações da loja > Storefront > Checkout, ou digite Checkout na barra de busca no topo da página.
- Clique no ícone do site desejado.
- No menu de opções azul localizado na parte superior da página, clique em Checkout.
- No campo Google Tag Manager, insira o código de identificação da loja, no formato
GTM-XXXX
, ilustrado na imagem abaixo. - Clique em
Salvar
.
Para verificar eventos (acionadores) e variáveis disponíveis nas páginas, que serão usados nas tags, você pode utilizar o modo de visualização do Google Tag Manager. Consulte a documentação do Google Tag Manager para mais detalhes.
É possível usar o pixel app do Facebook junto ao Google Tag Manager da sua loja para acompanhar e otimizar os resultados das suas campanhas de marketing na rede social. Aprenda o passo a passo na documentação do Facebook.
VTEX IO: instalar pixel app do Google Tag Manager
Se a sua loja utiliza VTEX IO - Store Framework, além da configuração, será necessário instalar uma nova versão do app Google Tag Manager. Para mais informações, acesse Installing Google Tag Manager.
Esta etapa não é necessária para lojas que utilizam CMS - Portal Legado.