Soluções Chats

Wix Chat & Wix by Ascend

Solução por código:

Estes dois chat compartem o mesmo retorno pelo evento message, portanto, podemos utilizar este código para qualquer um dos dois:

Solução por Analytics

Como alternativa ao código Wix Chat possui uma integração que envía eventos automáticamente a GA Universal, após vincular Analytics com o site podemos encontrar os seguintes eventos em Behavior >> Events >> Overview:

Chatra

Solução por código:

Além de envíar dados para Google Analytics Chatra também envía informações ao dataLayer, nos permitindo rastrear os seguintes eventos:

Para utilizar o código abaixo basta com colocar o nome do evento a ser rastreado dentro da variável event , neste exemplo foi utilizado: "Chat initiated by visitor"

Solução por Analytics:

Como alternativa ao código Chatra possui uma integração que envía eventos automáticamente tanto a GA Universal como GA4, após vincular Analytics com o site podemos encontrar os seguintes eventos em Behavior >> Events >> Overview no UA ou em Realtime no GA4:

Cliengo

Solução por código:

Este chat nos facilita o seu rastreio pois ele envía informações ao dataLayer sempre que algúm evento ocorre com o chat:

Cliengo nos permite rastrear os seguintes eventos: Chat iniciado, mensagem enviada, segunda mensagem enviada e lead enviádo, para poder utilizar o código acima devemos selecionar apenas o 'if' que contêm o evento que desejamos rastrear e apagar o resto de condições.

Solução para GTM:

Como este chat envía seus eventos diretamente ao dataLayer, no GTM basta com criar um acionador "Custom event" com o nome do evento que desejamos rastrear:

Solução por Analytics

Como alternativa ao código Clliengo possui uma integração que envía eventos automáticamente a GA Universal, após vincular Analytics com o site podemos encontrar os seguintes eventos em Behavior >> Events >> Overview:

Octachat

Este chat envia informações relevantes pelo evento message permitindo rastrear alguns eventos que ocorrem no chat: Chat aberto, chat fechado e formulário enviado:

Tawk.to

Descubra como Tawk.to foi instalado:
Alguns CMS possuem recurso de instalação do chat dentro site por meio de um plugin. Para aplicar as conversões do Google, o plugin não vai funcionar para este tutorial. Dessa forma, é recomendado a desinstalação do plugin e instalá-lo por código (assim sendo, confira os passos a seguir).
Acesse o painel administrativo do Tawk.to:
Você irá precisar instalar o código manualmente, seja direto na fonte do site ou pelo GTM. Para isso, encontre o código do Tawk.to através do painel administrativo do chat. Para isso, acessee siga de com a imagem:

Clique no ícone da engrenagem (Admin)
Clique em Widgets
O código estará disponível na caixa "Widget Code"

3. Instale o código do chat e a conversão:

O código é divido em duas partes: condicionais e eventos. Os condicionais recebem os valores gerados pelos eventos e, se seu valores correspondem à conversa iniciada ou mensagem enviada de modo offline, o evento será disparado.

3.1 Google Analytics via Gtag:

Em seguida, os eventos serão disparados em Tempo Real > Eventos dentro do Analytics.

3.2 Google Ads:

Este é o mais simples. Basta colocar o snippet de conversão do Ads dentro da função que deseja disparar. Repara abaixo a linha de código inserida (e comentada) na parte dos eventos Chat Started e Offline Chat submit.

3.3 DataLayer:

O código será todo aplicável dentro de um HTML Personalizado. Repare que o código de instalação deve estar dentro do mesmo <script>.

Em seguida, você deve criar o disparador, que será um evento. Antes disso, acesse Variáveis e clique em Novo. Crie uma nova Variável de Camada de Dados com o nome eventAction.

Depois, acesse Acionadores, clique em Novo e selecione Evento Personalizado. O valor deverá ser tawk.to. Em seguida, selecione Alguns eventos personalizados e associe a variável criada eventAction com o evento que deseja captar. Exemplo, se deseja capturar o chat iniciado, aplique eventAction é igual a Chat Started:

Por fim, associe à tag, seja do Ads ou Analytics. Você pode colocar mais de um disparador caso queira associar diversos eventos. Recomendamos Chat Started, Chat started (com s minúsculo, pois existe essa possibilidade) e Offline Chat submit (para mensagens enviadas no modo offiline).

SmartSupp

Solução por código:

Este iframe nos permite rastrear o envio de mensagens no chat através de uma API que ja vem instalada por padrão junto com o iframe, o código abaixo nos permite rastrear apenas o envío de mensagens no chat:

Solução por Analytics

Como alternativa ao código SmartSupp possui uma integração que envía eventos automáticamente a GA Universal, após vincular Analytics com o site podemos encontrar os seguintes eventos em Behavior >> Events >> Overview:

Leadster

Solução por código:

Este iframe nos permite rastrear cada etapa da conversa no chat, a cada pergunta que respondemos ao bot é gerado um evento com o formato "Etapa 1 - <evento>" finalizando sempre com o evento "Lead", por exemplo:

Segue abaixo o código para fazer o rastreio do evento do nosso interesse, basta com editar a variável event com o nome do evento que queremos rastrear, neste exemplo foi utilizado o evento "Lead":

Solução por GTM:

Como este chat envía seus eventos diretamente ao dataLayer, no GTM basta com criar um acionador "Custom event" com o nome do evento que desejamos rastrear:

Solução por Analytics:

Como outra alternativa Leadster também envía seus eventos automáticamente tanto a GA Universal como a GA4, após vincular a propriedade Analytics ao website em questão podemos encontrar todos os eventos mostrados anteriormente em Realtime:

Hubspot Livechat

Solução por código via message:

Uma maneira de rastrear este chat é através do seu retorno pelo evento message permitindo rastrear alguns eventos que ocorrem no chat: Chat aberto, chat fechado e chat iniciado:

Solução por código via SDK:

Outra solução alternativa por código pode ser feita com o uso do SDK Conversations do Hubspot, ele vêm instalado por padrão junto com o iframe do chat, e nos permite rastrear uma variedade de eventos dos quais um par deles são muito relevantes para fazermos o seu rastreio:

Chat Iniciado: O evento é disparado quando a primeira mensagem é enviada no chat.

Contato Associado: Em determinado momento da conversa o chat solicita um e-mail para ser associado ao cliente, este evento é disparado quando o e-mail é informado.

Facebook Messenger

Este iframe apenas nos permite fazer o seu rastreio por código, isto é possível através de eventos gerados pelo SDK do Facebook que normalmente ja vem instalado junto com o código do iframe, o único evento interessante de rastrear é o que é ativado apenas quando a bolha do chat é clicada, para rastrear este evento basta utilizar o seguinte código:

Normalmente este chat apresenta problemas quando acionado com ‘DOMContentLoaded’, caso você enfrente este problema substitua o evento por ‘load’ (Window Loaded no GTM) como no exemplo acima para garantir o funcionamento do código!

Um código alternativo para ele é por localStorage, que da pra medir quando você escolhe se quer entrar no chat deslogado ou logado.

OBS : remover o DOMContentLoaded se for por GTM

Leadbooster Pipedrive

Este iframe nos permite fazer o seu rastreio apenas por código, isto é possível graças a API para browser Leadbooster, ela nos pemite rastrear: Chat aberto, chat fechado e chat finalizado:

Este script não sera acionado por "DOMContentLoaded" ou "load" pois Leadbooster possui seu próprio evento 'initialized' que é acionado quando o chat foi completamente carregado.

Huggy

Este iframe nos permite rastrear o envio de mensagens no chat através de uma API que ja vem instalada por padrão junto com o iframe, podemos rastrear uma variedade de eventos com Huggy mas os que se enfocam na parte do chat são os seguintes:

chat:created: Disparado após o envío da primeira mensagem no chat

box-opened: Disparado quando a janela de chat é aberta

Drift

Solução por código:

Este iframe nos permite fazer o seu rastreio via código a partir de uma API que vêm instalada por padrão junto com o iframe, ela nos permite observar os seguintes eventos do chat:

Segue abaixo um exemplo de como rastrear o evento desejado, neste caso foi usado o evento “First Interaction”, caso precisar de outro basta apenas mudar o nome do evento seguindo como exemplo a imagem anterior:

Solução por Analytics

Como alternativa ao código Drift possui uma integração que envía eventos automáticamente para GA Universal, para habilitar esta integração devemos seguir os seguintes passos:

Dentro da conta Drift vamos em Settings > App Settings > Integrations e selecionamos Google Analytics:

Inserimos a ID da propriedade UA a ser rastreada:

Selecionamos os eventos que queremos rastrear:

Finalmente, após vincular Analytics com o Drift podemos encontrar os eventos configurados em Behavior >> Events:

Chat Robot

Solução por código:

O retorno pelo evento message deste iframe nos permite rastrear os eventos: Chat aberto, chat finalizado e conversação iniciada, segue abaixo o código para fazer o rastreio:

Solução por Analytics:

Como alternativa ao código Chat Robot possui uma integração para criar eventos em GA Universal, porém estes eventos não se enviam automáticamente, antes devemos configurar os eventos seguindo este passo a passo:

Criamos normalmente o evento desejado em GA Universal

No painel de Chat Robot vamos a Configurações >> Conversões

Inserimos o ID da propriedade UA onde criamos o nosso evento anteriormente e depois clicamos em agregar evento

Configuramos o evento do mesmo jeito que configuramos no primeiro passo e finalmente selecionamos qual ação do chat vai ser vinculada ao nosso evento, após criar o evento ja podemos encontrar os eventos em Behavior >> Events >> Overview

Artibot.ai

Este iframe nos permite fazer o seu rastreio a través de uma API que vêm instalada por padrão, ela gera uma variedade de eventos dentro dos quais podemos rastrear chat aberto, mensagens enviadas e chat finalizado:

Intercom

Solução por código:

Podemos rastrear alguns eventos deste chat a través de uma API que vêm instalada por padrã com este iframe, dentre dos eventos mais relevantes que podemos rastrear temos: Chat aberto e e-mail informado:

Solução por Analytics:

Como alternativa ao código Intercom possui uma integração que envia eventos GA Universal, porém estes eventos não se enviam automáticamente, antes devemos habilitar a integração desde o painel Intercom conforme os seguinte passos:

Desde o painel Intercom procuramos pela app Google Analytics

Após instalado informamos o ID da propriedade UA no seguinte campo:

Depois de vincular o ID de Google Analytics os seguintes eventos começaram a se registrar dentro da nossa propriedade:

JivoChat

Solução por código:

Este chat nos permite rastrear uma gran variedade de eventos graças à uma API que vêm instalada por padrão, dentre dos eventos mais relevantes podemos encontrar: Chat aberto, mensagens enviadas, contato associado:

Para utilizar o código acima devemos conservar a função do evento que queremos rastrear e apagar as outras funções que não iremos utilizar.

Solução por Analytics:

Como alternativa ao código JivoChat possui uma integração que envía eventos automáticamente GA Universal, após vincular Analytics com o website em questão podemos encontrar os seguintes eventos em Behavior >> Events:

Tidio

Solução por código:

Este chat nos permite rastrear bastantes eventos interessantes através de uma API que vêm instalada por padrão, podemos rastrear: chat aberto, mensagens enviadas, primeira mensagem enviada e formulário enviado.

Neste código não será necessário o uso de DOMContentLoaded ou load , Tidio possui seu proprio evento de nível global tidioChat-ready , ele dispara logo após o chat carregar por completo.

Solução por Analytics:

Como alternativa ao código Tidio possui uma integração que envia eventos a GA Universal, porém antes de enviá-los são necessárias duas ações:

Instalar Universal Analytics no website em questão
Com UA corretamente instalado vamos ao painel Tidio em Settings >> Integrations >> Google Analytics e clicamos em Add em Add

Após habilitar a integração com UA encontraremos os seguintes eventos em Behavior >> Events

Zendesk & Zopim

É possível rastrear varios eventos para estes chats graças ao Web SDK Zendesk, ele nos permite rastrear eventos bastante úteis como: chat iniciado e além disso este chat nos permite implementar Enhanced Conversion nos formularios integrados ao chat!

Antes de tudo seja para rastrear eventos ou implementar EC é necessário inicializar o SDK Zendesk para isso devemos conseguir o Account_key da conta Zendesk do cliente, para fazer isso devemos ir ao painel Zendesk entrando a: https://www.zendesk.com/login/#login e depois seguimos o caminho abaixo:

Após termos o valor da Account Key é necessario inserir os dois Scripts abaixo para inicializar o SDK e também informar a Account Key que copiamos no passo anterior

Chat Iniciado:

Este evento dispara assim que o cliente envia a primeira mensagem no chat

Enhanced Conversion:

Existem dois possíveis formularios de chat que podem ativar a Conversão Otimizada , o primeiro aparece quando não há nenhum agente disponivel para atender o chat e o segundo é o formulario pré-chat que aparece como um passo obrigatorio antes de iniciar um chat, estes dois podem ou não aparecer dependendo de como o cliente configurou o chat.

Observações :

O código de rastreio de eventos ou EC nunca deve ser instalado antes do código de inicialização do SDK Zendesk senão o código quebrará.
Caso o formulário pré-chat ou o formulario offline não estiverem ativados e o cliente quiser rastrear ambos ou algum em específico, segue abaixo o caminho para ativar os formularios desde o painel Zendesk:

Devemos marcar as 3 checkbox da imagem para rastrear e-mail e telefone, é possível apenas ter a segunda checkbox marcada, mas, nessa situaçao recomendo apenas coletar o e-mail com os códigos de Enhanced Conversion.

PureChat

Solução por código:

Podemos rastrear alguns eventos deste chat a través de uma API que vêm instalada por padrão com este iframe, dentre dos eventos mais relevantes que podemos rastrear temos:

Chat aberto - chatbox:expand
Chat iniciado - chat:start
Dispara quando o visitante inicia o chat logo após o envío de um formulário.
Envío de e-mail sem atendimento - email:send
Dispara quando o visitante inicia o chat numa situação onde não há atendentes para responder o chat, o evento dispara logo após o envío de um formulário.

Os eventos chat:start e email:send se disparam logo após o envio de um formulário como indicado acima, Purechat API nos permite além de rastrear os eventos coletar os dados de envio do formulário, portanto, caso os formulários do chat que você pegar solicitarem as informações de e-mail e telefone será possível capturar essas informações para implementar Enhanced Conversions

Segue abaixo um exemplo utilizando o evento email:send:

Solução por Analytics:

Como alternativa ao código PureChat possui uma integração que envía eventos a GA Universal, para ativar esta integração devemos ter instalado UA no website em questão e depois seguir os seguintes passos:

No painel PureChat vamos em Integrations >> Google Analytics

Informamos o Tracking ID da nossa propriedade UA e selecionamos os eventos que queremos rastrear

Após dar 'Save' encontraremos os eventos selecionados em Realtime >> Events

Landbot

Solução por código:

Este chat nos permite rastrear uma variedade de eventos graças à uma API, dentre dos quais os mais relevantes para rastrear são: Chat aberto e mensagem enviada.

Observações:

Esta API não se inicializa automaticamente como nos chats anteriores, antes de utilizar os métodos para rastrear os eventos é necessário configurar a variável myLandbot, para configurar esta variável é necessário que consigamos o valor do parâmetro configUrl, podemos encontrar este valor procurando pelo parâmetro no HTML da página onde se localiza o chat, segue um exemplo abaixo:

Após conseguir o valor de configUrl copiamos ele dentro do parâmetro configUrl na variável myLandbot que se encontra no código mostrado no inicio deste tópico.
Após configurar a variável myLandbot agora sim podemos escolher o evento a ser rastreado.

Page updated

Google Sites

Report abuse