Eventos de disparo do seu site

Revise como lançar eventos diretamente do seu site ou com o Google Tag Manager

Eventos acionados podem ser adicionados ao seu site de forma muito simples usando o método de eventos do Xtremepush Web SDK. Eventos em tempo real podem ser usados para acionar campanhas em tempo real.

JavaScript

Depois de configurar seu site e integrar nosso SDK, os eventos podem ser executados diretamente do seu site usando o método de eventos do nosso SDK web.

xtremepush('event', 'EVENT_NAME');

Eventos também podem incluir valores semelhantes a tags que podem ser usados para filtrar eventos da aba Eventos das campanhas.

xtremepush('event', 'EVENT_NAME', 'EVENT_VALUE');

Também é possível passar pares-chave-valor em JSON, se necessário:

xtremepush('event', 'product_add_to_basket', {'product_category':'Sports', 'product_name': 'Home Jersey'});

Gerenciador de Tags do Google

É muito fácil adicionar eventos, especialmente se você usar um gerenciador de tags como o Google Tag Manager. Nos exemplos abaixo, vamos passar por dois eventos de exemplo que você pode querer criar: um evento de visualização de página e um evento relacionado ao envio de formulários.

Evento de visualização de página

No nosso exemplo simples de visualização de página, demonstramos como um evento pode ser enviado quando um usuário visualiza uma página. Temos uma página de contato para a qual queremos que uma página de contato seja visualizada no evento:

Primeiro, adicionamos um gatilho GTM para visualização de página (navegue até Triggers > Novo). Clique no ícone do lápis para configurá-lo. Selecione visualização de página > Algumas visualizações de página e inclua a URL da nossa página de contato > Salvar.

Depois, criamos uma tag que vinculamos a esse gatilho selecionando Tag, no menu à esquerda, Novo. Clique no ícone do lápis na seção de configuração de tags. Selecione o tipo de tag HTML personalizada e inclua o seguinte no HTML:

<script type="text/javascript">xtremepush('event','contact_us_page_view');</script>

Em seguida, role para baixo para vincular o gatilho a essa tag. Clique no ícone de lápis no Trigger e selecione o gatilho que acabamos de criar, chamado Page View. Por fim, clique em Salvar.

Uma vez que o evento seja lançado pela primeira vez, ele ficará visível na aba de eventos da criação de campanha se você começar a digitar o nome do evento. Você também pode criá-lo manualmente navegando até o Gerenciador de Dados > Eventos > Criar eventos.

Evento de forma

No nosso exemplo simples de envio de formulário, demonstramos como um evento pode ser enviado quando um usuário insere o nome "Jane Doe" em um formulário de contato.

Primeiro, adicionamos um gatilho GTM para formulários:

Navegue até Triggers > Novo). Clique no ícone do lápis para configurá-lo. Selecione Envio de Formulário > Todos os formulários > Salvar.

Em seguida, criamos uma tag que vinculamos a esse gatilho selecionando Tag no menu esquerdo > Novos > Clique no ícone do lápis na seção de configuração de tags. Selecione o tipo de tag HTML personalizada e inclua o seguinte no HTML:

<script type="text/javascript"> if (getFormField("input[name=fname]")== "John" && getFormField("input[name=lname]")== "Doe"){
    xtremepush('event', 'john.doe');
  }
  
  
function getFormField(field_name){
  var field = {{Form Element}}.querySelector(field_name);
  console.log(field);
  return field ? field.value : undefined;
  }
</script>

Depois, role para baixo para vincular o gatilho a essa tag. Clique no ícone de lápis no Trigger e selecione o gatilho que acabamos de criar, chamado Form submission trigger. Por fim, clique em Salvar.

Com isso, estamos revisando os campos de nome e sobrenome e verificamos se são John e Doe:

Quando a condição do evento é cumprida, enviamos o evento john.doe personalizado usando o método de evento do Xremepush Web SDK.

Agora podemos usar esse evento para iniciar comunicações com nossos clientes.