Google Tag Manager

+--------------------------------------+ | img-md | +======================================+ | w-20 | +--------------------------------------+ | Recurso do Adobe Commerce | +--------------------------------------+Recurso exclusivo somente no Adobe Commerce (Saiba mais)

Google Tag Manager O ajuda você a gerenciar várias tags (trechos de código) relacionadas aos eventos de campanha de marketing. Google Tag Manager O oferece a capacidade de adicionar tags de rastreamento ao seu site para medir o público-alvo ou personalizar, redirecionar ou realizar iniciativas de marketing de mecanismo de pesquisa.

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

Você deve ter um Google Analytics e Tag Manager conta 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 sua empresa estiver sujeita a regulamentos de privacidade, como o Regulamento Geral sobre a Proteção de Dados e/ou a California Consumer Privacy Act, consulte Configurações de privacidade do Google.

Etapa 1. Configurar o Google Analytics account

Consulte Configurar pesquisa no site na Ajuda do Google para saber as noções básicas necessárias para começar. Consulte também os guias do Google para Google Analytics e Gerenciador de tags da Google.

  1. Faça logon no Google Analytics conta.

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

    • Navegue até Select View > View Settings.

    • Definir Site Search Tracking para On.

    • Definir Query parâmetro para q.

    • Quando concluído, Save as configurações.

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

    • Escolher Property Settings.

    • Em Advertising Features, definir Enable Demographics and Interest Reports ​para 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.

    • Definir Enable Ecommerce para On.

    • Definir Enable Enhanced Ecommerce Reporting para 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 o Google Tag Manager account

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

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

    O arquivo json é carregado diretamente no 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 variável Overwrite deve ser selecionada para um novo container.

    • A variável Merge deve ser selecionada se estiver usando um contêiner existente.

  7. Clique em Preview para analisar tags, acionadores e variáveis.

  8. Para editar a variável Google Analytics ID que são referenciadas em variáveis, faça o seguinte:

    • Navegue até Variables > User-Defined Variables.

    • Escolher Google Analytics e atualizar o espaço reservado (UA-xxxxxx-x) com o 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 concluído.

  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 Documentação do desenvolvedor do Google Analytics.
  1. Faça logon no Administrador da sua loja Commerce.

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

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

  4. Expandir Seletor de expansão o Google Analytics e configure o seguinte:

    img-md
    w-600 modal-image
    Configuração de vendas - Google Analytics
    • Definir Enable para Yes.

    • Definir Account type para Google Tag Manager.

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

    • Se 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 seu 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 de vários sites, precisará de contêineres separados.

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

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

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

  2. No Administrador de comércio, acesse Content > Design>Configuration ​e abra a visualização de loja no modo de edição.

  3. Em Other Settings, expandir HTML Head ​e cole o código que você copiou do GTM para o <head> na guia Scripts and Style Sheets ​campo.

    img-md
    w-600 modal-image
    Inserção de código no Cabeçalho do HTML
  4. Expandir Footer e cole o código GTM para <body> no Miscellaneous HTML campo.

    img-md
    w-600 modal-image
    Inserir código no rodapé
  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 a loja, 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 ambos Google Tag Manager e Google Analytics para criar uma tag que é acionada na conversão de sua loja Sucesso página.

Etapa 1. Criar uma tag

  1. Faça logon no Google Tag Manager e clique no link do contêiner criado para sua loja.

  2. No 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 da Google site de suporte.

  4. No Google Tag Manager painel, 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 do 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. No 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 Google Tag Manager.

    • 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