Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Checkout
Configurações do Checkout
Configurar o Google Tag Manager
Configurar o Google Tag Manager

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

Antes de iniciar a configuração do Google Tag Manager, você precisa realizar os seguintes passos:

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:

  1. No Admin VTEX, acesse Configurações da loja > Storefront > Checkout, ou digite Checkout na barra de busca no topo da página.
  2. Clique no ícone do site desejado.
  3. No menu de opções azul localizado na parte superior da página, clique em Checkout.
  4. No campo Google Tag Manager, insira o código de identificação da loja, no formato GTM-XXXX, ilustrado na imagem abaixo.
  5. Clique em Salvar.

{"base64":"  ","img":{"width":352,"height":175,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":9586,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/Checkout/Checkout%20Settings/integracao-com-o-google-tag-manager_1.PNG"}}

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.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback