Saltar al contenido principal

Etiquetar y orientar automáticamente a suscriptores de Web Push por página

Puede entregar notificaciones push más personalizadas y oportunas etiquetando usuarios según la página específica o el contenido desde el que se suscribieron. En esta guía, aprenderá cómo:
  • Usar el evento subscriptionChange para detectar suscripciones de Web Push
  • Aplicar etiquetas de datos personalizadas cuando un usuario se suscribe
  • Segmentar usuarios por etiqueta para campañas orientadas
  • Automatizar secuencias de mensajes basadas en etiquetas y tiempos

Configuración

1. Etiquetar usuarios con metadatos específicos de página

Una vez que un usuario se suscribe a notificaciones push, puede etiquetarlo con datos contextuales, como el tipo de página o tema que estaba viendo. Esto permite seguimientos orientados basados en lo que el usuario mostró interés.
// Ejemplo: Etiquetar usuarios que se suscriben en una página relacionada con deportes
let page_topic = 'sports'; // También puede extraer esto dinámicamente desde DOM o metadatos

OneSignal.push(function() {
  OneSignal.on('subscriptionChange', function(isSubscribed) {
    if (isSubscribed === true) {
      console.log('El estado de suscripción del usuario ahora es:', isSubscribed);

      // Ejemplo: Extraer "gaming" de "/gaming/article-123"
      var pathArray = window.location.pathname.split('/');

      OneSignal.User.addTags({
        "subscription_page": pathArray[1],
        "subscription_page_topic": page_topic,
      }).then(function(tagsSent) {
        console.log('Etiquetas enviadas:', tagsSent);
      });
    }
  });
});

Cómo funciona esto:
  • El evento subscriptionChange se activa cuando cambia el estado de suscripción de un usuario.
  • Si isSubscribed === true, el usuario acaba de suscribirse.
  • window.location.pathname.split('/')[1] captura el primer segmento de la ruta de la página como contexto de suscripción.
  • page_topic se puede establecer dinámicamente según los metadatos o contenido de su página.
Ejemplo: Si la URL es https://example.com/gaming/article123, la etiqueta subscription_page será gaming.

2. Segmentar usuarios por etiqueta

Una vez que se aplican las etiquetas, puede usar Segmentos o Filtros de API para orientar usuarios según esas etiquetas. Por ejemplo:
  • Enviar una campaña a usuarios donde subscription_page es “gaming”
  • Crear segmentos dinámicos basados en valores de etiquetas y tiempos (por ejemplo, horas desde la primera sesión)

3. Automatizar mensajería de seguimiento

Puede construir campañas de goteo que activen mensajes según cuándo se suscribió el usuario y bajo qué contenido se suscribió. Ejemplo: Campaña de goteo para suscriptores de gaming
Nombre del segmentoFiltrosDescripción
Gaming 1subscription_page = gaming AND First Session > 2h AND < 24hContactar 2–24 horas después de la suscripción
Gaming 2subscription_page = gaming AND First Session > 24h AND < 48hSeguimiento 1 día después
Gaming 3subscription_page = gaming AND First Session > 72h AND < 96hVerificación final después de 3 días
Use límites de tiempo superiores (<) para evitar que los usuarios permanezcan en segmentos una vez que ha pasado la ventana de mensajería.

4. Combinar segmentos con plantillas de mensajes

Una vez que se crean los segmentos:
  • Construya plantillas para cada etapa de la campaña (por ejemplo, introducción, recordatorio, promoción).
  • Use Journeys para enviar estos mensajes cuando los usuarios ingresen al segmento apropiado.
Ideas de mensajes de ejemplo:
  • Invitar a una comunidad de gaming o grupo social
  • Recomendar artículos populares relacionados con su tema
  • Enviar una oferta exclusiva o código de descuento

Mejores prácticas y advertencias

  • Use nombres y valores de etiquetas significativos que reflejen la intención real del usuario
  • Extraiga valores de etiquetas dinámicamente si es posible, por ejemplo:
let page_topic = document.querySelector('meta[name="article-topic"]')?.content || 'general';
  • Monitoree el éxito del etiquetado a través de console.log() o herramientas de desarrollo del navegador
Evitar:
  • Volver a etiquetar usuarios innecesariamente en cada carga de página (solo etiquetar cuando la suscripción es nueva)
  • Incluir PII en etiquetas (por ejemplo, nombre, correo electrónico)
  • Codificar valores de etiquetas en todo su sitio

¡Felicidades por enriquecer sus datos de usuario con información contextual! Recursos adicionales: