Google Tag Manager

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

Google Tag Manager é uma ferramenta poderosa que o ajuda a gerenciar e implantar várias tags (trechos de código) associadas aos seus eventos campanha de marketing. Google Tag Manager proporciona a capacidade de adicionar rastreamento tags ao seu site para medir o público-alvo ou personalizar, redirecionar ou conduzir iniciativas marketing para mecanismo de pesquisa.

Google Tag Manager transfere diretamente dados e eventos para a Google AnalyticsEnhanced Ecommerce e outras soluções de análise de terceiros para produzir uma visão clara de quão bem seu site, produtos e promoções estão se saindo.

Você deve ter uma Google Analytics e Tag Manager conta para continuar esse processo. As instruções a seguir o orientam pelo processo de configurar suas contas do Google, configurar suas Comércio armazenamento e criar um tag.

NOTE
Se 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 o Google Privacy Configurações.

Etapa 1. Configurar o Google Analytics conta

Consulte Configurar Search do site no Google Ajuda para obter o básico necessário para começar. Consulte também os guias do Google para Google Analytics e 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 GTM_M2_Config_json.txt do arquivo vinculado, abra o arquivo em uma editor e salve-o como GTM_M2_Config.json.

    O arquivo json é carregado diretamente.Google Tag Manager

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

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

  4. Em Choose workspace, clique New em .

  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 do Google para publicar o novo container.

Etapa 3. Configurar o armazenamento

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 Administrador do armazenamento de Comércio.

  2. Na barra lateral do __ Administrador, vá até 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.

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

    • Se você também estiver usando Google Analytics para conteúdo experimentos, defina Enable Content Experiments como Yes.

    • Use os valores padrão dos campos restantes.

  5. Ao concluir, clique Save Config em .

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

NOTE
Cada container está associada a um site e você só precisa de uma container por conta. Se você tem uma Comércio de vários sites instância, é necessário contêineres separados.

Descrições de campo

Campo
Escopo
Descrição
Enable
Armazenar Exibir
Determina se Google Analytics Comércio eletrônico aprimorado pode ser usado para analisar atividade no seu armazenamento. 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.
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 conta e Conversion Label clique Continue em Conversion ID "AdWords".

Etapa 2. Criar uma regra

Continuando desde a Google Tag Manager painel, o próximo passo é criar uma regra que dispara os tag no página de conversão.

  1. Em Fire On, clique Some Pages em .

  2. Choose Pages ​Na seção, preencha 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 os operadores de seletor Regex e CSS na Ajuda do Google Tag Manager.

    • Value - checkout/success.*

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

    O acionador configurado aparece como uma botão azul na seção Ativar.

  4. Ao concluir, clique Save Tag em .

Etapa 3. Visualização e publicar

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

Personalizar tag HTML com JavaScript

Esta seção explica como adicionar um Nonce CSP à tag HTML personalizada JavaScript para execução no página de checkout, garantindo o cumprimento dos requisitos da Política de Segurança de Conteúdo (CSP). Essa adição aumenta a segurança do site evitando 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
A importação da variável global para o cspNonce Google Tag Manager é suportada apenas na Adobe Systems Comércio versão 2.4.8 e posteriores.
WARNING
Adicionar scripts desconhecidos às suas armazenamento pode arriscar o compromisso dos dados. Scripts autorizados na página de checkout podem roubar informações confidenciais do cliente, incluindo detalhes do pagamento. É essencial tomar precauções para proteger seus conta do Google Tag Manager. Adicione apenas scripts confiáveis, analise e audite regularmente suas tags e implementar fortes medidas de segurança curtir 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 espaço de trabalho, navegue até a seção Variáveis na barra lateral.
  2. Clique na Novo botão na parte inferior do página na seção Variáveis definidas pelo usuário.
  3. Atribua um nome ao variável gtmNonce.
  4. Clique no ícone de lápis para editar o variável.
  5. Selecione JavaScript Variável na seção Página Variável .
  6. No campo Nome da Variável global, insira window.cspNonce.
  7. Salvar o variável.

Para saber mais sobre 🔗as Variáveis do Gerenciador de tags do Google, consulte os tipos de variável definidos pelo usuário para a Web na documentação do Google. Esta documentação oferece orientações detalhadas sobre como criar e gerenciar variáveis personalizadas para adaptar suas gerenciamento de tags para necessidades marketing e analíticas 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