Como integrar com a Google Tag Manager (GTM).
1° passo.
Acesse a plataforma Plug Lead e entre na aba "Integrações" em seguida em "Adicionar Integração".
-Coloque o nome da integração ou do seu negócio e selecione a plataforma que você deseja integrar.
- Instancias vinculadas -> selecione a instancia que você tem na sua conta ( É possível selecionar mais de uma instancia na mesma integração ).
-Opções Avançadas -> Ignorar eventos Duplicados -> Serve para não enviar a mesma mensagem do mesmo evento para o mesmo cliente dentro do período de 1 hora.
Figura 1.
2° passo.
-Gerenciar Vinculo -> Permite configura qual ou quais instancias vai conectar/vincular nessa integração.
-Endereço Webhook -> Webhook que vai ser utilizado para realizar integração (copiar webhook para colar dentro das configurações de automação da na plataforma Wix).
Figura 2.
Atenção essa integração foi feita como EXEMPLO utilizando o WordPress e Elementor como pagina de capitação e direcionamento para pagina de agradecimento (essas paginas foram criadas antecipadamente, é necessário já ter paginas criadas para esse tipo de operação).
3° passo.
-Dentro da sua conta no WordPress, vá para "Paginas".
Figura 3.
4° passo.
-Abrindo essa segunda tela,só selecionar a pagina criada.
Figura 4.
-Abrindo a pagina de captação da Elementor (criado como formulário).
5° passo.
-Para editar o formulário corretamente, selecione o lápis acima do campo de preenchimento de dados.
Figura 5.
-Ao selecionar, você pode editar nome, telefone e e-mail.
Figura 5.2.
-Para o sistema conseguir fazer a leitura correta dos dados, é necessário configurar o Content e o Advanced de cada registro (nome, telefone, e-mail).
Segue configuração de cada registro:
Nome:
Content:
Figura 5.3.
Advanced:
Figura 5.4.
Telefone:
Content:
Figura 5.5.
Advanced
Figura 5.6
E-mail:
Content:
figura 5.7.
Advanced:
Figura 5.8
E assim você finaliza as configurações iniciais do formulario.
6° passo.
-Ação -> Ação que vai fazer o disparo via Webhook.Figura 6.0.
-Aperte o sinal de + e Selecionando "Redirect".
Figura 6.1.
-Selecionando Redirect já fica disponível no menu a opção para configura-lo.
Figura 6.3.
-Redirect - É onde você vai colocar o link da pagina de agradecimento para redirecionar o usuário que finalizar o cadastro na pagina de captação.
Finalizando esse processo, só salvar as configurações no final da pagina.
7° passo.
-Volte para a "Pagina" e edite sua pagina de agradecimento com a Elementor (Pagina criada antecipadamente ).
Figura 7.0
-Abrindo a Pagina Obrigado basta clicar e segurar o ícone de vídeo e arrastar para o centro da pagina que já abre o vídeo de agradecimento!
Figura 7.1
-Atualize a pagina e vá em configurações e em "Ver Pagina"
Figura 7.2.
-Abrindo a pagina, copie e link da pagina para colar lá no Redirec dá sua pagina de captação!
Figura 7.3
8° passo
-Abra as edições da pagina de captação e insira o link no campo do Redirect.
Figura 8.0
-É necessario colocar no final do link do Redirect, as ID que puxa os dados dos cadastros, então basta ir na confguração do nome, telefone e e-mail e pegar as ID nas configurações Advanced. Figura 8.1
-Insira o nome do campo "telefone" e o sinal de = para o ID do telefone field id="phone"
-Caso queira adicionar o telefone ou e-mail, basta colocar um & e logo em seguida a mesma sequencia, o nome do campo "nome" igual o ID do Advanced.
Figura 8.2
9° passo.
-Abrindo sua GTM (já deve estar toda configurada os containers, site, domínio..) para realizar a configuração de Tag e Webhook.
-Basta ir em "Modelo" -> "Novo".
Figura 9.0
-Abrindo a nova pagina, aperte nos 3 pontos e em "Importar" um modelo.
Figura 9.1
-Nesse exemplo usamos esse arquivo como modelo, disponível no link abaixo da GitHub.
https://github.com/pablocabralc/gtm-zapcloud
Figura 9.2
-Após selecionar esse arquivo, já vai abrir com o modelo todo configurado, só aceitar os termos de privacidade e salvar!
Figura 9.2
10° passo.
-No GTM novamente, vá em Tag e crie uma "Nova".
Figura 10,0
-Abrindo a segunda aba, dê um nome e vá em Acionamento (Lembrando que vamos acionar esse evento a partir do vídeo).
Figura10.1
-Abrindo a pagina de Acionamento, aperte no sinal de +
Figura 10.2
-Clique no campo disponivel.
Figura 10.3
-Escolha o tipo de acionamento, nesse exemplo vamos usar o vídeo do Youtube
Figura 10.4
-Selecione para acionar ao iniciar e em todos os vídeos, e salve!
Figura 10.5
11° passo
-Ao abrir as configurações da tag, vá na que realizou a importação
Figura 11.0
-Abrindo a pagina de configurações da tag, é onde vai colocar os parâmetros que vão enviar os as informações do telefone, nome, e-mail e outros.
-Selecione o + do Phone.
Figura 11.1
-Aperte novamente no +
Figura 11.2
-Abrindo o campo você dê um nome para tag e selecione o campo central.
Figura 11.3
-Navegação será realizada através de um URLFigura 11.4
-O tipo vai ser por "Consulta" e a chave seria "Telefone" (De acordo com o que você colocou no Label da configuração da pagina) e salve a configuração.
Figura 11.5
-URL do Webhook, é o link disponível dentro da PlugLead assim que você criou a integração, só copiar e colar (Figura 2).
Figura 11.6
-No campo Variable1 pode ser alterado para o nome, aperte no +
Realize mesmo processo de nomear e configurar essa tag.
Figura 11.7
-Para a variable2 você pode fazer o mesmo para o e-mail
-Após salvar toda configuração, hora do teste!
12° teste.
Aperte em Enviar para o teste.
Figura 12.0
-Configure o teste e "Publicar".
Figura12.1
13° passo
-Abra a pagina de captação e mande um teste preenchendo seus dados e enviando!
Figura 12.2
-E acione o vídeo
Figura 12.0
-Verifique se chegou o teste e pronto, suas integração está feita!
Este artigo foi útil?
Que bom!
Obrigado pelo seu feedback
Desculpe! Não conseguimos ajudar você
Obrigado pelo seu feedback
Feedback enviado
Agradecemos seu esforço e tentaremos corrigir o artigo