Como Configurar o Google Tag Manager (GTM) na Showkase

Seguir

Fique por dentro de todos os nossos conteúdos através do <a href="https://blog.showkase.com.br" target="_blank" rel="noopener noreferrer"> nosso blog</a>O Google Tag Manager (GTM) é uma ferramenta que permite gerenciar e implementar tags (scripts) de marketing e monitoramento em seu site de e-commerce sem a necessidade de modificar diretamente o código do site. Isso simplifica a coleta de dados e o acompanhamento das atividades dos usuários no seu site, como conversões de vendas, visualizações de produtos e comportamento do cliente.

Aqui está um passo a passo para configurar o GTM no seu e-commerce:
<hr>
<h3>1. Criar uma Conta no Google Tag Manager</h3>
<ol>
<li>Acesse <a rel="noopener" target="_new" href="https://tagmanager.google.com/">Google Tag Manager</a>.</li>
<li>Clique em "Criar Conta".</li>
<li>Preencha as informações:
<ul>
<li>Nome da conta: Insira o nome da sua empresa.</li>
<li>País: Selecione o país de operação.</li>
<li>Nome do contêiner: Geralmente é o domínio do seu site.</li>
<li>Plataforma de destino: Selecione Web.</li>
</ul>
</li>
<li>Clique em Criar e aceite os termos de serviço. </li>
</ol>
<hr>
<h3>2. Instalar o Código do Google Tag Manager na Showkase</h3>
Depois de criar o contêiner no GTM, você verá um popup com dois trechos de código, mas não se preocupe, com a Showkase você só precisará se preocupar em anotar o identificador que começa com GTM- conforme pode ser visto na imagem abaixo:
<div><img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-09-09%20at%2022.16.20.png" width="2880" height="1434" loading="lazy" alt="Screenshot 2024-09-09 at 22.16.20" style="height: auto; max-width: 100%; width: 2880px;">Agora acesse a sua conta Showkase, navegue até o menu de configurações no canto superior direito da página:</div>
<div>
<div data-message-author-role="assistant" data-message-id="c5ab6426-51cd-4516-aa07-c636a7b23bee" dir="auto">
<div><img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-09-09%20at%2022.23.46.png" width="2850" height="1440" loading="lazy" alt="Screenshot 2024-09-09 at 22.23.46" style="height: auto; max-width: 100%; width: 2850px;"></div>
<div>E então insira o código identificador do GTM que você acabou de copiar, e clique em Salvar:</div>
<div><img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-09-09%20at%2022.27.13.png" width="2880" height="1434" loading="lazy" alt="Screenshot 2024-09-09 at 22.27.13" style="height: auto; max-width: 100%; width: 2880px;"></div>
</div>
</div>
Agora que você vinculou o seu código GTM na Showkase, é hora de ativar e garantir que o Google identificou o seu funcionamento. Para isso, basta colocar a url do seu site com um /activate ao final, por exemplo, se o seu site é <a href="https://showkase.com.br">https://showkase.com.br</a>, então o link deverá ficar <a href="https://showkase.com.br/activate">https://showkase.com.br/activate</a> como pode ser visto no print abaixo:
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-09-09%20at%2022.34.27.png" width="2880" height="1436" loading="lazy" alt="Screenshot 2024-09-09 at 22.34.27" style="height: auto; max-width: 100%; width: 2880px;">
Lembrando que o /activate só deverá ser utilizado nesse momento de validar que o site está correto, nas demais configurações, utilize o link do seu site normalmente.
<hr><hr>
<h3>3. Configurar Tags no Google Tag Manager</h3>
Agora que o GTM está instalado no seu e-commerce, é hora de configurar tags para acompanhar atividades específicas, como visitas a páginas, visualização de produtos, conversões e mais.
<h4>Exemplo: Configurando a Tag do Google Analytics</h4>
Criar uma Nova Variável:
<ul>
<li style="list-style-type: none;">
<ul>
<li>No painel do Google Tag Manager, clique em Variáveis no menu à esquerda e depois, na sessão de Variáveis incorporadas clique no botão Configurar.</li>
<li>No popup que abrir, busque a sessão Cliques e marque o checkbox Click URL. Essa etapa servirá mais na frente para você poder criar as conversões de cliques no botão de WhatsApp da sua página.</li>
<li>Agora na área de Variáveis definidas pelo usuário clique no botão Nova.</li>
<li>No popup que abrir, defina o nome dessa variável como Tag do GA4 e escolha o tipo de variável como Permanente, colocando como valor o ID do seu Google Analytics. </li>
</ul>
</li>
</ul>
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-11-19%20at%2000.46.26.png" width="2880" height="1438" loading="lazy" alt="Screenshot 2024-11-19 at 00.46.26" style="height: auto; max-width: 100%; width: 2880px;">
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-11-19%20at%2000.47.52.png" width="2880" height="1438" loading="lazy" alt="Screenshot 2024-11-19 at 00.47.52" style="height: auto; max-width: 100%; width: 2880px;">
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-11-19%20at%2000.54.14.png" width="2880" height="1436" loading="lazy" alt="Screenshot 2024-11-19 at 00.54.14" style="height: auto; max-width: 100%; width: 2880px;">
Criar uma Nova Tag:
<ul>
<li style="list-style-type: none;">
<ul>
<li>No painel do Google Tag Manager, clique em Tags no menu à esquerda e depois, na sessão de Tags do centro da página clique no botão Nova.</li>
</ul>
</li>
</ul>
Escolhendo o Tipo de Tag:
<ul>
<li>Clique em Configuração de Tag e selecione Tag do Google.</li>
<li>Dê um nome a sua tag: Tag do Google Analytics - All Pages</li>
<li>Coloque o ID da tag como sendo a variável que você acabou de criar: {{Tag do GA4}} ou simplesmente coloque o código do Google Analytics aqui.</li>
</ul>
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-11-19%20at%2000.59.42.png" width="2860" height="1438" loading="lazy" alt="Screenshot 2024-11-19 at 00.59.42" style="height: auto; max-width: 100%; width: 2860px;">
Configurando o Disparador:
<ul>
<li style="list-style-type: none;">
<ul>
<li>Clique em Acionamento e escolha All Pages (Todas as Páginas) para disparar a tag em todas as páginas do seu site.</li>
</ul>
</li>
</ul>
Salvar e Publicar:
<ul>
<li style="list-style-type: none;">
<ul>
<li>Clique em Salvar, depois em Enviar para publicar a tag no seu site.</li>
</ul>
</li>
</ul>
<img src="https://conteudo.showkase.com.br/hubfs/Screenshot%202024-11-19%20at%2001.22.14.png" width="2880" height="1434" loading="lazy" alt="Screenshot 2024-11-19 at 01.22.14" style="height: auto; max-width: 100%; width: 2880px;">

Brena Vieira

há 9 meses

Categorias

Artigo