Skip to content

Guía de Integración de Popups

Esta página detalla los pasos necesarios para integrar notificaciones push web utilizando el método alternativo si no puedes configurar un service worker en la raíz de tu sitio web. Al utilizar este método:

  • Fanplayr gestionará un service worker para ti en un popup en un dominio personalizado que alojamos, por ejemplo, your-brand.n.fplr.co.
  • Se mostrará a los usuarios una ventana popup con tu marca como un paso adicional al suscribirse a las notificaciones.
  • Las notificaciones enviadas a los usuarios aparecerán como provenientes del dominio del popup de marca en lugar de tu nombre de dominio.

Requisitos

  • Tu sitio web debe permitir que Fanplayr abra una ventana popup al dominio personalizado que alojamos para ti, por ejemplo, your-brand.n.fplr.co.

Limitaciones

Compatibilidad del Navegador

Compatible con navegadores web y sistemas operativos modernos que implementan la Push API.

DispositivoNavegadorSoporte
EscritorioChromev42+
EscritorioEdge17+
Nota: Edge a menudo oculta las solicitudes de notificación detrás de un pequeño icono de "campana" (🕭) en la barra de URL, lo que dificulta que los usuarios noten la solicitud.
EscritorioFirefoxNo compatible
EscritorioOperav29+
EscritorioSafariv16+ en macOS Ventura
MóvilChrome Androidv42+
MóvilFirefox for AndroidNo compatible
MóvilOpera for Androidv29+
MóvilSafari on iOSNo compatible

Al utilizar un widget de Fanplayr para pedir a los usuarios que se suscriban, debes utilizar el filtro de segmentación "Can Subscribe to Web Push Notifications" para asegurar que solo los usuarios que actualmente no tienen una suscripción y tienen un navegador web compatible sean el objetivo del widget.

Experiencia de Usuario

  1. Solicitar permiso para enviar notificaciones: A los usuarios que aún no se han suscrito a las notificaciones se les muestra un widget con un mensaje que los incita a suscribirse (por ejemplo, "Mantente al día con nuestras últimas noticias y ofertas"). Cuando el usuario hace clic en la llamada a la acción principal, se abre la ventana popup de marca.
  2. La ventana popup solicita permiso: El usuario ve la ventana popup que tiene la marca de tu sitio web y muestra mensajes que lo incitan a continuar el proceso de suscripción. Cuando el usuario hace clic en la llamada a la acción principal, el navegador le solicita permiso para enviar notificaciones push.
  3. El usuario concede permiso: Si el usuario acepta recibir notificaciones push, puede hacer clic en "Permitir" o "Sí" en la solicitud del navegador. En este punto, se crea una suscripción y se almacena en la base de datos de Fanplayr, la cual se utiliza luego para enviar notificaciones.
  4. Fanplayr envía notificaciones push: Tu negocio envía notificaciones a los usuarios suscritos a través del servicio de mensajería de Fanplayr. Los usuarios podrán ver estas notificaciones en su dispositivo siempre que su navegador esté abierto, incluso si no están visitando directamente tu sitio web.

Mejores Prácticas

Se recomienda encarecidamente utilizar las funciones de Segmentación de Fanplayr para mostrar un widget intermedio que pregunte a los usuarios si están interesados en suscribirse a las notificaciones antes de solicitar realmente el permiso del navegador. Esto es importante por varias razones:

  • Si un usuario bloquea la solicitud de permiso del navegador para habilitar las notificaciones, no podrás solicitar permiso de nuevo a menos que el usuario restablezca explícitamente el permiso en la configuración de su navegador.
  • El proceso de creación de suscripciones implica abrir un popup y abrir un popup de repente cuando un usuario llega al sitio web es probable que afecte negativamente la experiencia del usuario. En su lugar, siempre debes mostrar al usuario una llamada a la acción que, al hacer clic, abrirá el popup donde podrá suscribirse a las notificaciones.

Guía de Integración

Actualmente, este método de integración requiere coordinación con tu gestor de éxito del cliente. Ponte en contacto con ellos para empezar, donde:

  1. Decidir el nombre de dominio personalizado a utilizar para el popup, por ejemplo, your-brand.n.fplr.co.
  2. Coordinar la marca del popup para que coincida con tu sitio web.
  3. Recibir instrucciones de tu gestor de éxito del cliente con un pequeño HTML snippet que deberás incluir en todas las páginas de tu sitio web. Esto indicará a la librería JavaScript de Segmentación de Fanplayr que puede usar notificaciones push web usando el dominio popup personalizado que has definido.