---
title: "Eventos de desconexão do mouse e rolagem de página"
slug: "web-events-mouseout-scroll"
updated: 2026-06-12T10:30:51Z
published: 2026-06-12T10:30:51Z
canonical: "docs.xtremepush.com/web-events-mouseout-scroll"
---

> ## 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 desconexão do mouse e rolagem de página

Existem dois eventos de ação do usuário que estão integrados no web SDK e que podem ser acessados no seu site. O primeiro é para um evento de mouseout e o segundo é para quando a página está rolando para baixo em mais de 600px.

Abaixo estão descrições para implementar cada um desses eventos, seja com o Google Tag Manager ou diretamente no seu JavaScript.

## Gerenciador de Tags do Google

### Mouseout

Crie um novo gatilho no Google Tag Manager. O "Tipo de gatilho" deve ser definido como "Evento Personalizado" e o "Nome do Evento" deve ser definido como `webpush-mouseout`. Esse gatilho pode ser configurado para disparar em todos os eventos personalizados ou lógica adicional pode ser adicionada para disparar o gatilho apenas em páginas específicas, etc.

![817](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/9e03927-MouseoutGTM(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A28%3A59Z&se=2026-11-04T10%3A28%3A59Z&sr=c&sp=r&sig=wYSmCM%2FK97SL2vxkKqhl7f4sFRDCbQSihfnj9zhH4Ws%3D)

Depois que o gatilho for salvo, ele pode ser usado para ativar qualquer uma das suas tags.

### Pergaminho

Crie um novo gatilho no Google Tag Manager. O *tipo de gatilho* deve ser definido como **Evento Personalizado** e o *nome do Evento* deve ser definido como `webpush-scrolled`. Esse gatilho pode ser configurado para disparar em todos os eventos personalizados ou pode ser adicionada lógica adicional para disparar o gatilho apenas em páginas específicas, etc.

![819](https://cdn.document360.io/b056e88b-f6c1-4bd2-b5b8-08e9336a17c9/Images/Documentation/cde867b-ScrolledGTM(1).png?sv=2026-02-06&spr=https&st=2026-11-04T09%3A28%3A59Z&se=2026-11-04T10%3A28%3A59Z&sr=c&sp=r&sig=wYSmCM%2FK97SL2vxkKqhl7f4sFRDCbQSihfnj9zhH4Ws%3D)

Como no caso do gatilho de saída do mouseout, uma vez que o gatilho foi salvo, ele pode ser usado para ativar qualquer uma das suas tags.

## Implantação manual

### Mouseout

Para registrar um callback para um evento de mouseout, basta chamar a seguinte função, passando a função JavaScript que você deseja executar quando um evento acontecer:

```javascript
xtremepush('on', 'mouseout', function () {
    console.log('Mouseout received');
});
```

### Pergaminho

Para registrar um callback para um evento de rolagem, basta chamar a seguinte função abaixo da inicialização do nosso web SDK na sua página, passando a função JavaScript que você deseja executar quando um evento acontecer:

```javascript
xtremepush('on', 'scroll', function () {
    console.log('Scroll received');
});
```

> [!NOTE]
> **Ambas as funções devem ser chamadas abaixo da inicialização do nosso web SDK na sua página ou quando a página for carregada.**