Saltar al contenido

Notificación web push

Una notificación web push es un mensaje que entrega el navegador a través de la Push API y un service worker, después de que la persona conceda un permiso explícito. Llega a la gente cuando no está en tu sitio, sin instalar ninguna app y sin necesidad de una dirección de email. En iOS, solo funciona con apps web añadidas a la pantalla de inicio (Safari 16.4 o posterior).

Actualizado el 3 min de lecturaPor fromHello

Lo esencial

  1. El web push requiere un permiso explícito: es el navegador, no tú, quien controla la solicitud y la revocación.

  2. La entrega pasa por la Push API y un service worker, así que las notificaciones llegan aunque tu sitio esté cerrado.

  3. En iOS, el web push solo funciona con apps web añadidas a la pantalla de inicio, a partir de Safari 16.4.

¿Cómo funciona una notificación web push?

El flujo tiene tres partes. Tu página pide permiso para mostrar notificaciones; si la persona acepta, el navegador crea una suscripción push a través de la Push API y devuelve un endpoint en un servicio push que gestiona el fabricante del navegador (Google, Mozilla, Apple). Tu servidor envía una carga útil a ese endpoint, firmada con tus claves VAPID. Después, el navegador despierta tu service worker (un script que se ejecuta sin una pestaña abierta), que muestra la notificación. No se envía nada antes de que la persona dé su opt-in, y el permiso se puede revocar desde el navegador en cualquier momento.

El web push y las tres piezas que lo hacen funcionar.

¿El web push funciona en iOS y Safari?

Sí, con un matiz que sorprende a la mayoría de los equipos. Desde Safari 16.4 (marzo de 2023), iOS y iPadOS solo entregan web push a las apps web que la persona ha añadido a la pantalla de inicio; una pestaña normal de Safari no puede suscribirse. Además, la solicitud de permiso debe responder a un gesto de la persona, como tocar un botón. En macOS, Safari admite el web push en el navegador normal desde la versión 16.1. La consecuencia práctica: en iPhone, el web push es un canal para tus usuarios más comprometidos, no uno de gran alcance.

¿Cuándo debería usar web push un equipo pequeño?

El web push se gana su lugar cuando necesitas llegar a las personas fuera de tu sitio sin una dirección de email: avisos de fin de la prueba, recordatorios de configuración, alertas sobre eventos que alguien eligió seguir. Se combina de forma natural con los mensajes in-app: el in-app habla con la gente mientras está en el producto y el push la hace volver cuando no lo está. Para ver cómo encajan los dos canales en un solo programa, consulta la guía de web push y mensajes in-app. Herramientas como OneSignal y Novu existen en gran parte para gestionar por ti las suscripciones y la entrega.

¿Qué límites tiene el web push?

  • El permiso es frágil: si lo pides demasiado pronto, la gente pulsa denegar, algo casi permanente; la mayoría de los equipos muestran primero una interfaz propia y solo después lanzan la solicitud del navegador.
  • La entrega no está garantizada: las notificaciones pasan por el servicio push del fabricante del navegador y se pueden limitar, agrupar o descartar en dispositivos inaccesibles.
  • Sin bandeja de entrada: una notificación descartada desaparece, así que todo lo que deba perdurar también tiene que ir por email o in-app.
  • El alcance es desigual: Chrome de escritorio y Android funcionan bien; en iPhone, solo cuentan las apps web instaladas.

FAQ

Preguntas frecuentes

  • ¿Qué diferencia hay entre una notificación web push y un mensaje in-app?

    El web push llega a las personas fuera de tu sitio a través del sistema de notificaciones del navegador y requiere un permiso explícito. Un mensaje in-app se muestra dentro de tu producto mientras la persona está en él, sin necesidad de permiso del navegador. La mayoría de los equipos usan el push para hacer volver a la gente y el in-app para guiarla cuando llega.

  • ¿Las notificaciones web push funcionan con el navegador cerrado?

    En Android y en las apps web instaladas en iOS, sí: el push usa el sistema de notificaciones del sistema operativo. En escritorio, el proceso del navegador tiene que estar en marcha, aunque no hace falta tener abierta ninguna pestaña de tu sitio. Si un dispositivo está sin conexión, el servicio push guarda los mensajes recientes y los entrega al reconectarse, dentro del tiempo de vida (time-to-live) del mensaje.

  • ¿Hay que instalar una app para recibir web push?

    No hace falta ninguna app nativa. En escritorio y Android, cualquier navegador compatible puede suscribirse desde tu sitio web. iOS es la excepción: la persona tiene que añadir antes tu sitio a la pantalla de inicio como app web (Safari 16.4 o posterior) para que la solicitud de permiso esté siquiera disponible.

  • ¿El web push necesita una dirección de email o un número de teléfono?

    No. Una suscripción push es anónima por defecto: identifica un navegador en un dispositivo, no a una persona. Eso la hace útil antes del registro, pero las suscripciones también mueren con el perfil del navegador, así que trata el web push como un complemento de los identificadores propios, no como un sustituto.

fromHello es software de automatización de marketing de código abierto: mensajes activados por lo que hace la gente.

fromHello Cloud está en acceso anticipado a través de la lista de espera.

Acceso anticipado

fromHello Cloud

Nadie emprende para quedarse pequeño.

El acceso anticipado a fromHello Cloud se abre por etapas. El onboarding es personalizado: te ayudamos a configurarlo y a traer tus contactos.

Te escribiremos cuando se abra tu plaza. Sin spam.

¿Aún no quieres unirte? Ver en GitHub