> For the complete documentation index, see [llms.txt](https://docs.exoclick.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exoclick.com/tutorials/es/tutoriales/tutoriales-para-editores/how-implement-push-notifications.md).

# Notificaciones push: Cómo implementar una zona publicitaria de notificaciones push

El formato de anuncio de notificación push ya está disponible en ExoClick. En este recorrido por la plataforma, te mostramos cómo crear una zona de anuncios de notificación push.

## Cómo configurar una zona de anuncios de notificación push <a href="#how-to-set-up-a-push-notification-a-d-zone" id="how-to-set-up-a-push-notification-a-d-zone"></a>

{% stepper %}
{% step %}

### Crear zona

En tu panel de administración, en Publisher, ve a ‘**Sitios y Zonas**’ y luego haz clic en ‘**Nueva zona**’. Aparecerá un menú desplegable con una lista de tus sitios web; selecciona el sitio web para el que quieres habilitar las notificaciones push.

<figure><img src="/files/070dd74219394b4df4c9c6f2ab133171a6fdb201" alt=""><figcaption></figcaption></figure>

Esto abrirá la página de selección del formato de anuncio. Haz clic en el menú desplegable ‘**Nativo**’, selecciona ‘**Notificaciones push**’ y haz clic en ‘**Siguiente**.’
{% endstep %}

{% step %}

### Elige el método de integración

Ahora debes decidir cómo te gustaría recopilar usuarios que acepten recibir notificaciones push. Hay tres opciones:

Para usar tu propio dominio cuando se envíen las notificaciones push, puedes elegir entre dos métodos de implementación. Puedes seleccionar entre ‘**Direct**’ y ‘**Directo con un aviso soft-ask**’:

* **Direct**: Esto mostrará un único cuadro de suscripción (Direct) a los usuarios de tu sitio. Dentro del cuadro, el usuario puede elegir ‘**Permitir**’ o ‘**Bloquear**’ notificaciones push

<figure><img src="/files/2d015ee595bc139a9b011a61aa2852393b9ecf58" alt=""><figcaption></figcaption></figure>

* **Directo con un aviso soft-ask**: Este es un proceso de dos pasos y mostrará dos cuadros consecutivos de suscripción en tu sitio. El primero (Soft-ask) preguntará si el usuario desea recibir notificaciones push; dentro del cuadro, el usuario puede elegir ‘**No, gracias**’ o ‘**Permitir.**’ Si el usuario hace clic en Permitir, aparecerá un segundo cuadro (Direct) donde el usuario puede elegir ‘Permitir’ o ‘Bloquear’. Para hacerlo, selecciona Direct y activa el botón de aviso Soft-Ask

<figure><img src="/files/c9b04899b86d3071927cb000ebcffac5e33069c5" alt=""><figcaption></figcaption></figure>

Para usar el dominio de ExoClick hay un método de implementación:

* **Hosted**: Esto mostrará solo el cuadro Soft-ask en tu sitio, preguntando si el usuario desea recibir notificaciones push; dentro del cuadro el usuario puede elegir ‘No, gracias’ o ‘Permitir.’

<figure><img src="/files/2f8ef6a869419472a3dfc55b996a942c31cf3c15" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
En el cuadro Soft-Ask, si un usuario hace clic en ‘**No, gracias**’ cuadro, volverá a ser impactado automáticamente en 2 días. Si implementas la implementación Direct, si el usuario hace clic en el botón ‘Bloquear’, no volverá a ser impactado nunca más.
{% endhint %}

**Usar tu propio dominio**: Esto dará como resultado una mayor tasa de suscripción, ya que los usuarios directos de tu sitio estarán aceptando recibirlas. Tu dominio aparecerá en el cuadro de notificación cuando se envíen las notificaciones push.

**Usar el dominio de ExoClick**: Esto beneficia a los editores porque el usuario no asociará las notificaciones push con el editor, sino con la red publicitaria de ExoClick. El dominio de ExoClick aparecerá en los anuncios de notificación push. Este método también te permite implementar notificaciones push de tu sitio con otras redes además de ExoClick. Lee [esta entrada del blog](https://www.exoclick.com/push-notifications/) para una explicación detallada.
{% endstep %}

{% step %}

### Personalización del aviso Soft-Ask

Cuando la casilla ‘**Usar predeterminado**’ está marcada, verás mostradas las siguientes configuraciones.

<figure><img src="/files/6daf0a160aef46b12b6c4be608375035a409ae55" alt=""><figcaption></figcaption></figure>

Con la casilla ‘**Usar predeterminado**’ desmarcada, puedes personalizar las siguientes configuraciones:

* **Posición:** Aquí puedes elegir la posición en la que aparecerá el cuadro de aviso Soft-Ask en la pantalla del usuario; las opciones son:
  * **Vertical**: Arriba, medio, abajo
  * **Horizontal**: Izquierda, centro o derecha
* **Retraso**: Recomendamos configurarlo por debajo de 5 segundos para que el usuario vea el cuadro de aviso Soft-Ask tan pronto como llegue a tu sitio

También puedes editar el texto mostrado en el cuadro a partir del texto predeterminado proporcionado: **Llamada a la acción**, **Descripción**, **Texto del botón de confirmación**, **Texto del botón de rechazo**

{% hint style="info" %}
Los textos predeterminados están alojados en el servidor de ExoClick y están disponibles en 12 idiomas: inglés, español, francés, alemán, italiano, portugués, checo, húngaro, croata, eslovaco, ruso y chino. Los textos se mostrarán automáticamente en el idioma configurado en el navegador del usuario final. Si introduces tus propios textos, el cuadro de aviso Soft-Ask siempre se mostrará en el idioma que hayas indicado y no activará los idiomas predeterminados que hemos configurado.
{% endhint %}
{% endstep %}

{% step %}

### Generación del código de la zona de anuncios

Una vez que hayas hecho clic en ‘**Crear**’, el código de la zona de anuncios se genera automáticamente para que puedas copiarlo y pegarlo en tu sitio.

<figure><img src="/files/e1b0d4e5488fefce1c42f8db46384618f64dfaf0" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Debes colocar el **worker.js** archivo en la carpeta raíz del directorio de tu sitio web para asegurarte de que funcione correctamente.
{% endhint %}
{% endstep %}

{% step %}

### Estadísticas

Una vez que un suscriptor haya aceptado recibir notificaciones push, puede haber un retraso de hasta 2 horas antes de que reciba su primer anuncio.

Después de eso, un suscriptor recibirá un anuncio de notificación push cada 3 horas; por ejemplo, si un usuario se suscribe a las 7:00, recibirá el primer anuncio entre las 7:00 y las 9:00

Así que ten esto en cuenta al revisar tus estadísticas.

{% hint style="warning" %}
Las notificaciones push no funcionan en los navegadores Safari y Safari móvil, ni en ningún sitio web que no sea HTTPS.
{% endhint %}

Si tienes algún problema al configurar tu zona de anuncios de notificaciones push, ponte en contacto con tu gestor de cuenta o con un especialista de éxito del cliente [aquí](https://www.exoclick.com/contact/).
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.exoclick.com/tutorials/es/tutoriales/tutoriales-para-editores/how-implement-push-notifications.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
