Google Tag Manager

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

O Google Tag Manager ajuda você a gerenciar as várias tags (trechos de código) relacionadas 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. Para obter mais informações, consulte a documentação para desenvolvedores do Google Analytics.
  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 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.

Etapa 4. Adicionar o código GTM à loja da Adobe Commerce

  1. Para copiar o código GTM, vá para Admin > Install Google Tag Manager.

    Há dois trechos de código GTM a serem adicionados ao seu site do Commerce: o primeiro para a tag <head> e o segundo para a tag <body>.

  2. No Administrador do Commerce, vá para Content > Design>Configuration ​e abra o modo de exibição de loja no modo de edição.

  3. Em Other Settings, expanda HTML Head ​e cole o código copiado do GTM para a marca <head> no campo Scripts and Style Sheets.

    Inserindo código no Cabeçalho do HTML {width="600" modal="regular"}

  4. Expanda Footer e cole o código GTM de <body> no campo Miscellaneous HTML.

    Inserindo código no Rodapé {width="600" modal="regular"}

  5. Quando terminar, clique em Save Configuration.

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 exibidos nos resultados de Google Analytics.
Enable Content Experiments
Exibição da loja
Ativa os Experimentos de conteúdo do Google, que podem ser usados para testar até dez versões diferentes da mesma página. Opções: Yes / No
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.

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