Suivre les abonnements push Web par thème de page

​

Marquer et cibler automatiquement les abonnés Web Push par page

• Utiliser l’événement subscriptionChange pour détecter les inscriptions Web Push
• Appliquer des tags de données personnalisés lorsqu’un utilisateur s’abonne
• Segmenter les utilisateurs par tag pour des campagnes ciblées
• Automatiser les séquences de messagerie basées sur le tag et le timing

​

Configuration

​

1. Marquer les utilisateurs avec des métadonnées spécifiques à la page

// Exemple : Marquer les utilisateurs qui s'abonnent sur une page liée au sport
let page_topic = 'sports'; // Vous pouvez également extraire cela dynamiquement du DOM ou des métadonnées

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

      // Exemple : Extraire "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);
      });
    }
  });
});

• L’événement subscriptionChange se déclenche lorsque le statut d’abonnement d’un utilisateur change.
• Si isSubscribed === true, l’utilisateur vient de s’inscrire.
• window.location.pathname.split('/')[1] capture le premier segment du chemin de page comme contexte d’abonnement.
• page_topic peut être défini dynamiquement en fonction des métadonnées ou du contenu de votre page.

​

2. Segmenter les utilisateurs par tag

• Envoyer une campagne aux utilisateurs où subscription_page est “gaming”
• Créer des segments dynamiques basés sur les valeurs de tags et le timing (par exemple, heures depuis la première session)

​

3. Automatiser la messagerie de suivi

​

4. Combiner les segments avec des modèles de messages

• Créez des modèles pour chaque étape de la campagne (par exemple, introduction, rappel, promo).
• Utilisez Journeys pour envoyer ces messages lorsque les utilisateurs entrent dans le segment approprié.

• Invitation à une communauté ou un groupe social gaming
• Recommander des articles tendance liés à leur thème
• Envoyer une offre exclusive ou un code de réduction

​

Meilleures pratiques et pièges à éviter

• Utilisez des noms et valeurs de tags significatifs qui reflètent l’intention réelle de l’utilisateur
• Extrayez les valeurs de tags dynamiquement si possible, par exemple :

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

• Surveillez le succès du marquage via console.log() ou les outils de développement du navigateur

• Re-marquer les utilisateurs inutilement à chaque chargement de page (marquez uniquement lors d’un nouvel abonnement)
• Inclure des informations personnellement identifiables (PII) dans les tags (par exemple, nom, e-mail)
• Coder en dur les valeurs de tags sur tout votre site