Como adicionar ferramentas externas no site pelo Google Tag Manager

O Google Tag Manager uma ferramenta gratuita que permite instalar recursos (como chats, pop-ups e rastreadores) no seu site sem alterar o código de programação.

Pré-requisito

Todas as lojas possuem uma conta de GTM configurada. Se você não tiver os dados de acesso, solicite as credenciais pelo e-mail ajuda.ecommerce@olist.com.

Passo a passo para instalação 

(Exemplo: Botão do WhatsApp):

1. Ao adicionar o número para qual o usuário deve ser direcionado ao clicar no botão, a ferramenta irá gerar um código HTML nesse formato:

2. Copie o mesmo.

3. Vá em https://tagmanager.google.com/ > Faça login na sua conta.

4. Clique em Tags:
 

5. Vá em Nova, no canto direito da tela.

6. Nomeie o nome da sua tag.

7. Em Configuração da tag, clique em Editar:

8. Selecione HTML Personalizado:
​

9. Cole o código gerado na ferramenta externa:

10. Em acionadores, adicione qual página você quer que esse botão apareça. Se você quer que apareça em todas as páginas, selecione All Pages:

11. Caso você quer que o botão apareça somente em uma página específica, clique no + no canto direito e faça a seguinte configuração:

*exemplo criado com a página de produto.

12. Feito isso, clique em Enviar no canto direito:
​

13. Adicione um nome à essa alteração > Publicar:

14. Pronto! Dentro de alguns segundos, o botão do WhatsApp deve aparecer em seu site! Exemplo:

Esse processo feito aqui pode ser feito para a maioria das ferramentas externas de recursos para e-commerce. Antes de fazer essa instalação, confira se a ferramenta possui a opção de instalação via código HTML.

Se o processo de instalação for mais complexo, não se preocupe! Basta enviar para ajuda.ecommerce@olist.com.br que ajudaremos você.