Google Tag Manager
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.
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.
-
Entre na sua conta Google Analytics.
-
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.
-
-
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.
-
-
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.
-
-
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 comoOn
.
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.
-
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
-
Navegue até Admin > Container de > Import Container.
-
Clique Choose container file e selecione o arquivo json.
-
Em Choose workspace, clique New em .
-
Insira um título e uma descrição, depois clique em Save.
-
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.
-
-
Clique em Preview para examinar as marcas, os disparadores e as variáveis.
-
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.
-
-
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.
-
Clique em Confirm quando terminar.
-
Siga as instruções do Google para publicar o novo container.
Etapa 3. Configurar o armazenamento
-
Faça logon no Administrador do armazenamento de Comércio.
-
Na barra lateral do __ Administrador, vá até Stores > Settings>Configuration.
-
No painel esquerdo, expanda Sales e escolha Google API.
-
Expanda
-
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.
-
-
Ao concluir, clique Save Config em .
-
Teste suas Google Tag Manager configurações e verifique se tudo funciona corretamente.
Descrições de campo
Yes
/ No
Google Analytics
/ Google Tag Manager
Yes
/ No
Catalog Page
Cross-sell
Up-sell
Related Products
Search Results
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
-
Faça logon em sua conta do Google Tag Manager e clique no link do contêiner que você criou para sua loja.
-
Na caixa New Tag, clique em Add a new tag.
-
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.
-
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.
-
-
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.
-
Em Fire On, clique Some Pages em .
-
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.*
-
-
Selecione a caixa de seleção verde e clique Save em .
O acionador configurado aparece como uma botão azul na seção Ativar.
-
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.
cspNonce
Google Tag Manager é suportada apenas na Adobe Systems Comércio versão 2.4.8 e posteriores.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.
- No espaço de trabalho, navegue até a seção Variáveis na barra lateral.
- Clique na Novo botão na parte inferior do página na seção Variáveis definidas pelo usuário.
- Atribua um nome ao variável
gtmNonce
. - Clique no ícone de lápis para editar o variável.
- Selecione JavaScript Variável na seção Página Variável .
- No campo Nome da Variável global, insira
window.cspNonce
. - 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
-
No seu espaço de trabalho, navegue até a seção Marcas da barra lateral.
-
Clique no botão Novo.
-
Na seção Configuração de Marca, selecione Marca HTML Personalizada.
-
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>
-
Selecione Documentos de suporte.write.
-
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.