Rastrear assinaturas de web push por tópico de página

​

Marcar e direcionar automaticamente assinantes de Web Push por página

• Usar o evento subscriptionChange para detectar opt-ins de Web Push
• Aplicar tags de dados personalizadas quando um usuário se inscreve
• Segmentar usuários por tag para campanhas direcionadas
• Automatizar sequências de mensagens com base em tag e tempo

​

Configuração

​

1. Marcar usuários com metadados específicos da página

// Exemplo: Marcar usuários que se inscrevem em uma página relacionada a esportes
let page_topic = 'sports'; // Você também pode extrair isso dinamicamente do DOM ou metadados

OneSignal.push(function() {
  OneSignal.on('subscriptionChange', function(isSubscribed) {
    if (isSubscribed === true) {
      console.log('The user subscription state is now:', isSubscribed);

      // Exemplo: Extrair "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('Tags sent:', tagsSent);
      });
    }
  });
});

• O evento subscriptionChange é acionado quando o status de assinatura de um usuário muda.
• Se isSubscribed === true, o usuário acabou de optar.
• window.location.pathname.split('/')[1] captura o primeiro segmento do caminho da página como o contexto de assinatura.
• page_topic pode ser definido dinamicamente com base nos metadados ou conteúdo da sua página.

​

2. Segmentar usuários por tag

• Enviar uma campanha para usuários onde subscription_page é “gaming”
• Criar segmentos dinâmicos baseados em valores de tag e tempo (ex: horas desde a primeira sessão)

​

3. Automatizar mensagens de acompanhamento

​

4. Combinar segmentos com modelos de mensagem

• Construa Templates para cada estágio da campanha (ex: introdução, lembrete, promoção).
• Use Journeys para enviar essas mensagens quando os usuários entrarem no segmento apropriado.

• Convite para uma comunidade ou grupo social de gaming
• Recomendar artigos em alta relacionados ao tópico deles
• Enviar uma oferta exclusiva ou código de desconto

​

Melhores práticas e armadilhas

• Use nomes e valores de tag significativos que reflitam a intenção real do usuário
• Extraia valores de tag dinamicamente se possível, ex:

let page_topic = document.querySelector('meta[name="article-topic"]')?.content || 'general';

• Monitore o sucesso da marcação via console.log() ou ferramentas de desenvolvedor do navegador

• Re-marcar usuários desnecessariamente em cada carregamento de página (marque apenas quando a assinatura for nova)
• Incluir PII em tags (ex: nome, email)
• Codificar valores de tag em todo o seu site