O Manychat Pixel permite que você registre eventos de seu site. Você pode copiar algumas sequências de código para seu site, configurar eventos que deseja rastrear e, assim, armazenar todas as análises na Manychat.
Como funciona
A Manychat executa várias etapas para fazer o Pixel funcionar – elas são necessárias para coletar dados de recursos externos.
Primeiro, crie um botão com uma opção Abrir site para direcionar seus contatos para um recurso externo.
Cada contato que clicar nesse botão receberá implicitamente um parâmetro de URL adicional chamado "mcp_token" (por exemplo, https://mysite.com/?utm_source=manychat&utm_medium=cpa&mcp_token=12312314232yg123jh1g3j1g23u12y3). MCP_token armazena metadados criptografados para identificar esse contato e suas ações posteriores em seu site.
Em seguida, instale o Manychat Pixel (guia abaixo). Hoje em dia, você pode instalar o script uma vez por site, pois o bloco... geralmente é compartilhado entre todas as páginas. No entanto, se não tiver certeza, você pode instalar o script em cada página da qual estiver disparando eventos.
Por fim, adicione funções de log ao seu site e passe a elas parâmetros esperados válidos (guia abaixo).
⚠️ Para que o Pixel funcione corretamente pela primeira vez, é necessário que o usuário vá do Messenger ou de qualquer outro canal para o site onde o Pixel está localizado. Depois disso, a sessão do usuário será salva por 28 dias. Durante essa sessão, o evento será acionado sempre que esse usuário visitar o site do Pixel, independentemente de onde ele veio.
Instalando o Manychat Pixel
Antes de mais nada, observe que esse recurso está disponível apenas para contas Pro. Certifique-se de obter uma assinatura Pro antes de tentar instalá-lo. Aqui está como fazer isso.
Etapa 1. Vá para Configurações → Pixel. Você deverá ver um bloco de código:
Etapa 2. Copie o código do Manychat Pixel e o adicione ao seu site desta forma:
<head>
...
<!-- Manychat -->
<script src="//widget.manychat.com/100949504624148.js" async="async"></script>
</head>
⚠️ Importante: este fragmento exato não funcionará – você deverá copiar um de sua conta da Manychat.
Configurando eventos em seu site
O Manychat Pixel oferece suporte a dois tipos de eventos: Evento de conversão e Evento de dinheiro. Para disparar um evento, use a função interna correta e passe seus parâmetros esperados.
- window.MC_PIXEL.fireLogMoneyEvent() aceita três parâmetros: nome do evento, peso do evento e moeda (você pode omitir esse parâmetro – então a Manychat usará "USD" como padrão). A função pronta para uso ficará assim: window.MC_PIXEL.fireLogMoneyEvent('my_book_purchase', 10.7, 'EUR'). Assim você instruirá a Manychat a registrar que seu contato acabou de comprar algo por 10,7 euros. Você pode usar um nome de evento já existente ou digitar um novo – nesse caso, a Manychat criará um.
- window.MC_PIXEL.fireLogConversionEvent() aceita um e só um parâmetro: nome do evento. A função pronta para uso ficará assim: window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked'). Portanto, a Manychat entenderá que algo aconteceu em seu site, por exemplo, um visitante clicou em algum botão ou link. Você pode usar um nome de evento já existente ou digitar um novo – nesse caso, a Manychat criará um.
Exemplos
Adicione alguns eventos ao log. Há duas maneiras populares de registrar um evento: quando um visitante carrega uma página (por exemplo, "Página de pagamento bem-sucedida") ou clica em um botão/link (por exemplo, "Leia mais" ou "Comprar").
Evento de registro no carregamento da página concluído
<!-- This syntax will fire an event after the page is loaded completely -->
<body onload="window.MC_PIXEL.fireLogMoneyEvent('my_book_purchased', 10.7, 'EUR')"> ... </body>
Evento de registro quando um visitante clica em um botão ou link
<!-- This syntax will fire an event after a visitor clicks the button -->
<button onclick="window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')">
...
</button>
<!-- This syntax will fire an event after a visitor clicks the link -->
<a href="#" onclick="window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked')">
...
</a>
Registrando vários eventos
<!-- Talvez você precise registrar vários eventos quando algo acontece
(por exemplo, enviar eventos para vários sistemas de terceiros). Então, crie uma nova função
para encapsular vários métodos e usá-la -->
<body>
<!-- Este script criará a função "myLogger()"
que executará 3 ações quando chamado:
-
Disparar um evento na Manychat
-
Escrever a palavra "teste" no console (veja DevTools → Console)
-
Mostrar uma janela modal com a palavra "teste"
Claro, você pode alterar este código para disparar vários eventos-->
<script>
function myLogger() {
window.MC_PIXEL.fireLogConversionEvent('buy_button_clicked');
console.log('teste');
alert('teste');
}
</script>
<!-- Here you declare calling "myLogger()" function when button is clicked -->
<button onclick="myLogger()">
...
</button>
</body>