Com o Merlin você consegue enviar os eventos ou conversões realizados no chatbot sem duplicá-los com os mesmos de sua página principal. Use com o Facebook Pixel, Google Analytics ou qualquer outro sistema de envio de eventos e conversões.
Mas atenção:
Agora, antes de irmos ao passo a passo, veja como projetamos nosso bot de exemplo para esse tutorial:
Adicione o componente Pergunta com botões após a mensagem de boas-vindas para indicar que o visitante iniciou o chat.
Adicione o componente Código javascript e configure para enviar o evento de chatting.
Aqui está o código utilizado:
window.top.postMessage({ event_id: "chatting" }, "*")
Adicione dois componentes Pergunta aberta para solicitar o nome e e-mail do visitante.
Após receber as informações do visitante e o mesmo se tornar um lead, adicione o componente Código javascript e envie o evento de lead com as informações que acabou de coletar.
Você pode configurar os parâmetros como preferir, inclusive, caso não queira utilizá-los você pode retirar, como mostrado no primeiro envio mais no início deste tutorial.
Aqui está o código utilizado:
window.top.postMessage({
event_id: "lead",
params: {
name: `{{{nome}}}`,
email: `{{{email}}}`
}
}, "*")
Agora vamos precisar adicionar um código javascript dentro do seu próprio site para receber os eventos e repassar para seus destinos conforme sua estratégia de marketing. Procure a tag <head> e adicione o seguinte código dentro dela:
<script>
window.addEventListener("message", function(event){
if (!event.data.event_id) {
return;
}
switch (event.data.event_id) {
case "chatting":
// evento do Google Analytics
gtag("event", "chatting", event.data.params);
break;
case "lead":
// evento do Google Analytics
gtag("event", "lead", event.data.params);
// evento do Facebook Pixel
fbq("track", "lead", event.data.params);
break;
}
}, false);
</script>
case...break para os próximos.Para testar, acesse o seu bot e siga o fluxo:
