Google Tag Manager

Recurso do Adobe Commerce {width="20"} Recurso exclusivo somente no Adobe Commerce (Saiba mais)

O Google Tag Manager é uma ferramenta poderosa que ajuda você a gerenciar e implantar com eficiência várias tags (trechos de código) associadas aos eventos de campanha de marketing. O Google Tag Manager oferece a capacidade de adicionar tags de rastreamento ao seu site para medir a audiência ou personalizar, redirecionar ou conduzir iniciativas de marketing de mecanismo de pesquisa.

O Google Tag Manager transfere dados e eventos diretamente para o Google Analytics, Enhanced Ecommerce e outras soluções de análise de terceiros para produzir uma imagem clara do desempenho de seu site, de seus produtos e promoções.

Você deve ter uma conta de Google Analytics e Tag Manager para continuar esse processo. As instruções a seguir orientam você pelo processo de configuração das contas do Google, configuração da loja do Commerce e criação de uma tag.

NOTE
Se a sua empresa estiver sujeita a regulamentos de privacidade como o Regulamento Geral sobre a Proteção de Dados e/ou a Lei de Privacidade do Consumidor da Califórnia, consulte as Configurações de Privacidade da Google.

Etapa 1. Configurar sua conta do Google Analytics

Consulte Configurar pesquisa de site na Ajuda do Google para obter as noções básicas necessárias para começar. Consulte também os guias do Google para o Google Analytics e o Google Tag Manager.

  1. Entre na sua conta Google Analytics.

  2. Para habilitar Internal Site Search Tracking, faça o seguinte:

    • Navegue até Select View > View Settings.

    • Defina Site Search Tracking como On.

    • Definir parâmetro Query como q.

    • Ao concluir, Save as configurações.

  3. Para ativar recursos de exibição, faça o seguinte:

    • Escolha Property Settings.

    • Em Advertising Features, defina Enable Demographics and Interest Reports ​como On.

    • Save as configurações.

  4. Para ativar o rastreamento de comércio eletrônico, faça o seguinte:

    • Navegue até Select View > Ecommerce Settings.

    • Defina Enable Ecommerce como On.

    • Defina Enable Enhanced Ecommerce Reporting como On.

    • Save as configurações.

  5. Recarregue a página e verifique se todas as configurações permanecem On.

    note note
    NOTE
    Se nem todas as configurações forem On, repita as etapas anteriores, salve e recarregue a página. Repita esse processo até que todas as configurações sejam definidas como On.

Etapa 2. Configurar sua conta do Google Tag Manager

As instruções a seguir mostram como configurar um novo container com as configurações básicas. Um exemplo de arquivo de configuração (.json) do Composer é usado para simplificar o processo, importando para gerar uma marca em um novo contêiner. Para este exemplo, é recomendável criar um contêiner, em vez de modificar um contêiner existente.

NOTE
Para obter informações adicionais, consulte Exportação e importação de contêineres da Google. Essas instruções fornecem uma apresentação para importar uma amostra de JSON em um novo container.
  1. Baixe o arquivo vinculado GTM_M2_Config_json.txt, abra-o em um editor e salve-o como GTM_M2_Config.json.

    O arquivo json é carregado diretamente para Google Tag Manager.

  2. Navegue até Admin > Container > Import Container.

  3. Clique em Choose container file e selecione o arquivo json.

  4. Em Choose workspace, clique em New.

  5. Insira um título e uma descrição, depois clique em Save.

  6. Para importar o arquivo, selecione uma das seguintes ações:

    • A opção Overwrite deve ser selecionada para um novo container.

    • A opção Merge deve ser selecionada se você estiver usando um contêiner existente.

  7. Clique em Preview para examinar as marcas, os disparadores e as variáveis.

  8. Para editar o Google Analytics ID que é referenciado nas variáveis, faça o seguinte:

    • Navegue até Variables > User-Defined Variables.

    • Escolha Google Analytics e atualize o espaço reservado (UA-xxxxxx-x) com seu próprio GA ID.

  9. Siga as instruções da Google para adicionar tags, acionadores e variáveis ao novo container.

    Se você tiver configurações em outro container que deseja usar, elas poderão ser movidas para o novo container.

  10. Clique em Confirm quando terminar.

  11. Siga as instruções da Google para publicar o novo container.

Etapa 3. Configurar sua loja

NOTE
A partir da versão 2.4.5, a integração de serviços da Google é atualizada para oferecer suporte ao uso das APIs GTag. O GTag é um mecanismo unificado para integração com a funcionalidade do Google para páginas da Web e oferece suporte aos mais novos recursos e oportunidades para rastreamento e gerenciamento de conteúdo por meio dos Serviços da Google.
  1. Faça logon no Admin da sua loja da Commerce.

  2. Na barra lateral Admin, vá para Stores > Settings>Configuration.

  3. No painel esquerdo, expanda Sales e escolha Google API.

  4. Expanda Seletor de expansão a seção Google Analytics e configure o seguinte:

    Configuração de vendas - Google Analytics {width="600" modal="regular"}

    • Defina Enable como Yes.

    • Defina Account type como Google Tag Manager.

    • No campo Container ID, digite sua ID de GTM (GTM-xxxxxx).

    • Se você também estiver usando o Google Analytics para experimentos de conteúdo, defina Habilitar experimentos de conteúdo para Yes.

    • Use os valores padrão para os campos restantes.

  5. Quando terminar, clique em Save Config.

  6. Teste as configurações do Google Tag Manager e verifique se tudo funciona corretamente.

NOTE
Cada contêiner está associado a um site e você só precisa de um contêiner por conta. Se você tiver uma instância do Commerce com vários sites, precisará de containers separados.

Descrições dos campos

Campo
Escopo
Descrição
Enable
Exibição da loja
Determina se o Ecommerce aprimorado do Google Analytics pode ser usado para analisar a atividade na sua loja. Opções: Yes / No
Account type
Exibição da loja
Determina o código de rastreamento do Google usado para monitorar a atividade e o tráfego da loja. Opções: Google Analytics / Google Tag Manager
Anonymize IP
Exibição da loja
Determina se as informações de identificação são removidas dos endereços IP que aparecem nos resultados do Google Analytics.
Container Id
Exibição da loja
Se Google Tag Manager já estiver instalado e configurado para o armazenamento, a ID do Contêiner aparecerá automaticamente neste campo.
List property for the catalog page
Exibição da loja
Identifica a propriedade do Gerenciador de tags associada à página do catálogo. Valor padrão: Catalog Page
List property for the cross-sell block
Exibição da loja
Identifica a propriedade do Gerenciador de tags associada ao bloco de venda cruzada. Valor padrão: Cross-sell
List property for the up-sell block
Exibição da loja
Identifica a propriedade do Tag Manager associada ao bloco de venda adicional. Valor padrão: Up-sell
List property for the related products block
Exibição da loja
Identifica a propriedade do Tag Manager associada ao bloco de produtos relacionados. Valor padrão: Related Products
List property for the search results page
Exibição da loja
Identifica a propriedade do Gerenciador de tags associada à página de resultados da pesquisa. Valor padrão: Search Results
“Internal Promotions” for promotions field “Label”
Exibição da loja
Identifica a propriedade do Tag Manager associada aos rótulos para promoções internas. Valor padrão: Label

Criar uma tag para rastrear conversões

Se você tiver uma conta do Google AdWords, poderá criar uma tag que rastreia conversões. O exemplo a seguir mostra como usar o Google Tag Manager e o Google Analytics para criar uma tag que é acionada na página de conversão Sucesso do seu armazenamento.

Etapa 1. Criar uma tag

  1. Faça logon em sua conta do Google Tag Manager e clique no link do contêiner que você criou para sua loja.

  2. Na caixa New Tag, clique em Add a new tag.

  3. Obtenha as seguintes informações da sua conta do AdWords:

    • ID de conversão
    • Rótulo de conversão

    Se precisar de ajuda, visite o site de suporte da Google.

  4. No painel Google Tag Manager, clique em Google AdWords e faça o seguinte:

    • Clique no espaço reservado do título e insira um nome para a nova tag.

    • Em Choose Product, selecione Google AdWords.

    • Em Choose a Tag Type, selecione AdWords Conversion Tracking ​e clique em Continue.

  5. Insira o Conversion ID e Conversion Label da sua conta do AdWords e clique em Continue.

Etapa 2. Criar uma regra

Continuando no painel Google Tag Manager, a próxima etapa é criar uma regra que acione a tag na página de conversão.

  1. Em Fire On, clique em Some Pages.

  2. Na seção Choose Pages, conclua as seguintes configurações:

    • Name - Digite um nome para a descrição da página.

    • Variable url

    • Operação - matches RegEx

      Para saber mais, consulte Operadores de seletor de Regex e CSS na Ajuda do Gerenciador de Tags da Google.

    • Value - checkout/success.*

  3. Marque a caixa de seleção verde e clique em Save.

    O acionador configurado aparece como um botão azul na seção Acionar.

  4. Quando terminar, clique em Save Tag.

Etapa 3. Pré-visualizar e publicar

A próxima etapa do processo é pré-visualizar a tag. Cada vez que a tag é visualizada, um instantâneo da versão é salvo. Quando estiver satisfeito com os resultados, vá para a versão que deseja usar e clique em Publish.

Personalizar tag do HTML com o JavaScript

Esta seção explica como adicionar um Nonce CSP ao HTML Tag JavaScript personalizado para execução na página de check-out, garantindo a conformidade com os requisitos da Política de segurança de conteúdo (CSP). Essa adição melhora a segurança do site, impedindo a execução de scripts não autorizados. Para obter informações mais detalhadas, consulte a documentação da Política de Segurança de Conteúdo.

NOTE
Somente o Adobe Commerce versão 2.4.8 e posterior oferece suporte à importação da variável global cspNonce para o Google Tag Manager.
WARNING
Adicionar scripts desconhecidos ao armazenamento pode comprometer os dados. Os scripts autorizados na página de check-out podem roubar informações confidenciais do cliente, incluindo detalhes de pagamento. É essencial tomar precauções para proteger sua conta do Google Tag Manager. Adicione somente scripts confiáveis, revise e faça auditorias regularmente em suas tags e implemente medidas de segurança rígidas, como autenticação de dois fatores (2FA) e controles de acesso.

Etapa 1. Criar uma variável Nonce CSP

Você pode criar uma variável CSP Nonce que pode ser usada no Gerenciador de tags da Google importando a configuração da variável ou configurando-a manualmente.

Importar a configuração da variável

A variável CSP Nonce está incluída no contêiner de exemplo GTM_M2_Config_json.txt. Você pode criar a variável importando esse código para o espaço de trabalho.

Criar a variável manualmente

Se você não puder importar a configuração da variável, conclua as etapas abaixo para criá-la.

  1. No seu espaço de trabalho, navegue até a seção Variáveis da barra lateral.
  2. Clique no botão Novo na parte inferior da página na seção Variáveis definidas pelo usuário.
  3. Nomeie a variável gtmNonce.
  4. Clique no ícone de lápis para editar a variável.
  5. Selecione Variável JavaScript na seção Variável de página.
  6. No campo Nome da Variável Global, digite window.cspNonce.
  7. Salve a variável.

Para saber mais sobre Variáveis do Google Tag Manager, consulte Tipos de variáveis definidas pelo usuário para a Web na documentação do Google. Esta documentação oferece orientação detalhada sobre como criar e gerenciar variáveis personalizadas para adaptar seu gerenciamento de tags a necessidades analíticas e de marketing específicas.

Etapa 2. Criar uma tag HTML personalizada

  1. No seu espaço de trabalho, navegue até a seção Marcas da barra lateral.

  2. Clique no botão Novo.

  3. Na seção Configuração de Marca, selecione Marca HTML Personalizada.

  4. Insira a JavaScript necessária na área de texto e adicione um atributo nonce à tag de abertura <script> que aponte para a variável criada na etapa anterior. Por exemplo:

    code language-html
    <script nonce="{{gtmNonce}}">
        // Your JavaScript code here
    </script>
    
  5. Selecione Documentos de suporte.write.

  6. Na seção Acionamento, selecione o acionador desejado. Por exemplo, Inicialização de consentimento - Todas as páginas.

Para obter mais informações sobre Tags no Gerenciador de Tags da Google, consulte Tags personalizadas na documentação da Google.

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5