---
title: "Eventos de disparo do seu site"
slug: "web-events"
updated: 2026-06-12T10:30:51Z
published: 2026-06-12T10:30:51Z
canonical: "docs.xtremepush.com/web-events"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.xtremepush.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 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](/documentation/docs/pt-br/website-integration) e integrar nosso SDK, os eventos podem ser executados diretamente do seu site usando o método de eventos do nosso SDK web.

```javascript
xtremepush('event', 'EVENT_NAME');
```

Eventos também podem incluir valores semelhantes a tags que podem ser usados para filtrar eventos da aba [**Eventos**](/documentation/docs/pt-br/campaign-events#filter-events) das campanhas.

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

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

```javascript
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:

![2484](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/763cd9e-contatct_page(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

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**.

![2382](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/76bc7c8-Screenshot_2021-04-13_at_17.20.01(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

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:

```xml
<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**.

![2270](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/8818b52-Screenshot_2021-04-13_at_17.29.04(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

Uma vez que o evento seja lançado pela primeira vez, ele ficará visível na [aba de eventos](/documentation/docs/pt-br/campaign-events) 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**.

![2732](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/8ccdaf0-Screenshot_2021-04-13_at_17.33.04(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

Exemplo de uma campanha de push web que é acionada sempre que o cliente visita a página de "contato".

### 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**.

![1686](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/16c9325-Screenshot_2021-04-13_at_17.39.09(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

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:

```xml
<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**.

![2206](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/87145cb-Screenshot_2021-04-13_at_17.50.20(1).png?sv=2026-02-06&spr=https&st=2026-11-04T06%3A16%3A19Z&se=2026-11-04T07%3A16%3A19Z&sr=c&sp=r&sig=XWnEiQTKi%2F2qQkhQjk9dXsVSJsSkT9Vbi0ptqLrT6Nw%3D)

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.