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

# Push Notifications: Cómo implementar una zona publicitaria de Push Notifications

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, bajo 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="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FawVy8VLy3wxBijSM5Dd0%2F9ZLv6VWZZKtRp3NWen9XezKheYG1HLME.png?alt=media&amp;token=891b2955-3998-4061-b74d-bf384f0f736d" 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 a los usuarios que acepten recibir Notificaciones Push. Hay tres opciones:

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

* **Directo**: Esto mostrará un cuadro de aceptación (Direct) a los usuarios de tu sitio. Dentro del cuadro, el usuario puede elegir ‘**Permitir**’ o ‘**Bloquear**’ Notificaciones Push

<figure><img src="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FhYLIz1YTMbF32U2pAsNy%2FjuPo4Lw4sQLKBy6QBUpvpXBnHrYqp7E3.png?alt=media&amp;token=f87d79b4-9094-4b8a-af26-5deb6209ca84" alt=""><figcaption></figcaption></figure>

* **Directo con un aviso soft-ask**: Este es un proceso de dos pasos y mostrará dos cuadros de aceptación consecutivos 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 hacer esto, selecciona Directo y activa el botón de aviso Soft-Ask

<figure><img src="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FbGLr22uOfKSHTUvMjg3e%2FCzIvF7jegAREZeQ2MaZ8MCKgmMw3Dk3E.png?alt=media&amp;token=2faf40ea-439d-42c2-a6da-9b09bb5dee1f" alt=""><figcaption></figcaption></figure>

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

* **Alojado**: 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="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FTxMTWVkibpyZh7eD67vP%2FyqItai6z96gQjz4dJaGJUBfMyFU9kA9a.png?alt=media&amp;token=f93806d1-abfa-4864-84d7-6b069bded7ee" alt=""><figcaption></figcaption></figure>

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

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

**Usando 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 notificaciones push. Este método también te permite implementar las Notificaciones Push de tu sitio con otras redes, además de ExoClick. Lee [esta entrada del blog](https://www.exoclick.com/blog/push-notifications) para una explicación detallada.
{% endstep %}

{% step %}

### Personalización del aviso Soft-Ask

Cuando el cuadro ‘**Usar predeterminado**’ está marcado, verás los ajustes siguientes mostrados.

<figure><img src="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FOzAh4oclTZe2Ac4LLfOu%2FvsDYe0HuBaZmHf7zZk1RC1I6Yo0Cx2NW.png?alt=media&amp;token=0eccbccd-595e-4ac4-92c4-2e1b6f460f94" alt=""><figcaption></figcaption></figure>

Con el cuadro ‘**Usar predeterminado**’ desmarcado, puedes personalizar los siguientes ajustes:

* **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 que se muestra 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 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 introducido 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="https://2761987514-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJ4RqRdVZkeXomdmwHKOL%2Fuploads%2FMR360jLvrbHDNyF3oqtm%2FYpy21cS2ZUJa93hEZzzVpgYgZlClrO5F.png?alt=media&amp;token=e833ef73-92fa-4e68-8c02-de3a59332e65" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Debes colocar el archivo proporcionado **worker.js** 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, hay 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, un usuario se suscribe a las 7 a. m. y recibe su primer anuncio entre las 7 a. m. y las 9 a. m.

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

{% hint style="warning" %}
Las Notificaciones Push no funcionan en 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 Notificación 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.