{"section":"tutorials","requestedLocale":"pt","requestedSlug":"integracao-com-o-google-tag-manager","locale":"pt","slug":"integracao-com-o-google-tag-manager","path":"docs/pt/tutorials/checkout/configurações-do-checkout/integracao-com-o-google-tag-manager.md","branch":"main","content":"> ⚠️ Se sua loja é desenvolvida com base no [Store framework](/pt/docs/tracks/cms-vtex-io), 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](https://developers.vtex.com/vtex-developer-docs/docs/google-tag-manager).\n\nO 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.\n\nNa 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:\n\n- [Pré-requisitos](#pre-requisitos)\n- [Configurar tags no Google Tag Manager](#configurar-tags-no-google-tag-manager)\n- [Editar configurações de Checkout](#editar-configurações-de-checkout)\n- [VTEX IO: instalar pixel app do Google Tag Manager](#vtex-io-instalar-pixel-app-do-google-tag-manager)\n\n## Pré-requisitos\n\nAntes de iniciar a configuração do Google Tag Manager, você precisa realizar os seguintes passos:\n\n- Criar uma conta no [Google Tag Manager](http://www.google.com/tagmanager).\n- Configurar Google Analytics 4, ou seja, realizar a primeira etapa descrita no guia [Configurar Google Analytics 4 em loja VTEX](/pt/docs/tutorials/como-configurar-google-analytics-em-loja-vtex).\n\n## Configurar tags no Google Tag Manager\n\nPor 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](https://developers.vtex.com/docs/guides/vtex-io-documentation-setting-up-google-tag-manager#step-by-step).\n\n## Editar configurações de Checkout\n\n> ⚠️ Para realizar as configurações do Checkout, os usuários precisam ter um perfil de acesso com o [recurso do License Manager](/pt/docs/tutorials/recursos-do-license-manager) **Manage portal**. É necessário que o usuário que for criar o novo perfil de acesso tenha o perfil **Owner (Admin Super)**.\n\nDepois, você deve configurar o código de identificação da loja no Tag Manager na VTEX seguindo os passos abaixo: \n\n1. No Admin VTEX, acesse __Configurações da loja > Storefront > Checkout__, ou digite __Checkout__ na barra de busca no topo da página.\n2. Clique no ícone <i class=\"fas fa-cog\" alt=\"engrenagem azul\"></i> do site desejado.\n3. No menu de opções azul localizado na parte superior da página, clique em __Checkout__.\n4. No campo __Google Tag Manager__, insira o código de identificação da loja, no formato `GTM-XXXX`, ilustrado na imagem abaixo.\n5. Clique em `Salvar`. \n\n![Google Tag Manager](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/checkout/configurações-do-checkout/integracao-com-o-google-tag-manager_1.PNG)\n\nPara 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](https://support.google.com/tagmanager/answer/6107056?hl=pt-BR) para mais detalhes.\n\n> ℹ️ É 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](https://www.facebook.com/business/help/1021909254506499).\n\n## VTEX IO: instalar pixel app do Google Tag Manager\n\nSe a sua loja utiliza [VTEX IO - Store Framework](/pt/docs/tracks/cms-vtex-io), 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](https://developers.vtex.com/docs/guides/vtex-io-documentation-installing-google-tag-manager).\n\nEsta etapa não é necessária para lojas que utilizam [CMS - Portal Legado](/pt/docs/tracks/cms-portal-legado)."}