botao adicionar whatsapp gtm

Como criar um botão de chat de WhatsApp (animado) com GTM

Neste artigo vamos falar de como conseguimos adicionar um botão de chat para o WhatsApp no vosso site através do Google Tag Manager.

A animação é importante porque poderá chamar à atenção do utilizador e remover um sentimento de estático do website.

Exemplo nesta página.

 

Como funciona esta configuração (contexto)

A ideia é criar um botão através do Google Tag Manager de WhatsApp para que os utilizadores consigam clicar e contactar a loja/website.

O botão tem uma animação para chamar à atenção do utilizador e retirar a ideia estática site.

🧠GEEK NOTE: Este botão pode ser substituído por qualquer outra imagem ou link de serviço como FB Messenger.

🧠GEEK NOTE: Podem alterar o Trigger (acionador) para disparar apenas quando utilizador faz scroll mais de X%.

Adicionei 2 variáveis em GTM para que possam editar a mensagem e o número de telefone de WhatsApp.

  • Constant – 9 dígitos do número de telefone
  • Constant – Texto de Ajuda

variaveis botao de whatsapp em gtm

 

Como criar um botão de chat de WhatsApp (animado) com GTM (implementação)

1 O primeiro passo é fazer o download do container do Google Tag Manager (GTM).

ℹ️ INFO: O GTM permite que sejam importadas configurações previamente criadas de Tags (etiquetas), Triggers (acionadores) e Variables (variáveis) com a importação de um ficheiro. Sendo assim, exportei todas as configurações para que possam importar na vossa conta de GTM.

Download botão de chat GTM

2 Para instalar as configurações de GTM do cookie banner é necessário entrar na parte de “Admin” e escolher a opção: “Importar contentor” admin –> importar contentor (imagem infra).

instalação container GTM cookie banner

3 Eis os passos a seguir de forma a adicionar esta configuração sem alterar as configurações/tags já existentes no vosso GTM:

  1. Selecionar o ficheiro do download
  2. Selecionar o workspace (espaço de trabalho) existente
  3. Selecionar “intercalar”
  4. Selecionar “mudar o nome de etiquetas em conflito”.

2 instalacao container cookie banner gratuito

3 instalação container cookie banner gratuito

4 Devem alterar o número de telefone do WhatsApp na variável importada Constant - 9 dígitos do número de telefone.

variaveis botao de whatsapp em gtm

 

Porque é bom utilizar este método (razão)

Com este botão conseguem adicionar um chat de suporte fácile gratuito ao vosso website que permite o utilizador a identificar-se.

Este botão também tem um destaque adicional para remover um possível aspecto amador do website.

Se tiverem feedback ou necessitarem de ajuda estou por aqui e podem sempre falar comigo. Espero que este artigo vos ajude.

Deixe um comentário

This website is hosted Green - checked by thegreenwebfoundation.org