Passer au contenu principal
Taguez les abonnés push web avec des données contextuelles — telles que le thème de la page ou le chemin URL depuis lequel ils se sont abonnés — pour diffuser des campagnes de suivi ciblées. Ce tutoriel couvre la détection de l’opt-in, l’application des tags, la création de segments et l’automatisation des messages. Prérequis :

​
Configuration

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

Lorsqu’un utilisateur s’abonne aux notifications push, utilisez le listener PushSubscription.addEventListener pour détecter l’opt-in et appliquer des tags avec des données contextuelles sur la page qu’il consultait. 
function pushSubscriptionChangeListener(event) {
  if (event.current.optedIn && !event.previous.optedIn) {
    // User just opted in — tag with subscription context
    var pathSegment = window.location.pathname.split('/')[1] || 'home';
    var pageTopic = document.querySelector('meta[name="article-topic"]')?.content || 'general';

    OneSignal.User.addTags({
      subscription_page: pathSegment,
      subscription_page_topic: pageTopic,
    });
  }
}

OneSignalDeferred.push(function(OneSignal) {
  OneSignal.User.PushSubscription.addEventListener("change", pushSubscriptionChangeListener);
});
Comment ça fonctionne :
  • L’événement change se déclenche lorsque l’état d’abonnement push de l’utilisateur change (opt-in, opt-out, actualisation du token).
  • event.current.optedIn est true lorsque l’utilisateur a un abonnement actif. Vérifier !event.previous.optedIn garantit que les tags ne sont appliqués qu’au premier opt-in, pas à chaque changement d’état.
  • window.location.pathname.split('/')[1] capture le premier segment de chemin comme contexte d’abonnement. Par exemple, si l’URL est https://example.com/gaming/article-123, le tag subscription_page est défini sur gaming.
  • pageTopic est extrait d’une balise <meta>, avec 'general' comme valeur par défaut. Ajustez-le pour correspondre à la structure des métadonnées de votre site.

​
2. Segmenter les utilisateurs par tag

Une fois les tags appliqués, utilisez les Segments ou les Filtres API pour cibler les utilisateurs en fonction de ces tags. Par exemple :
  • 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

Construisez des campagnes de type drip qui déclenchent des messages en fonction du moment où l’utilisateur s’est abonné et du contenu sous lequel il s’est abonné. Exemple : Campagne drip pour les abonnés gaming
Nom du segmentFiltresDescription
Gaming 1subscription_page = gaming AND First Session > 2h AND < 24hContacter 2–24 heures après l’abonnement
Gaming 2subscription_page = gaming AND First Session > 24h AND < 48hSuivi 1 jour plus tard
Gaming 3subscription_page = gaming AND First Session > 72h AND < 96hDernier contact après 3 jours
Utilisez des limites de temps supérieures (<) pour éviter que les utilisateurs ne restent dans les segments une fois la fenêtre de messagerie passée.

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

Une fois les segments créés :
  • Construisez 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é.
Exemples d’idées de messages :
  • Inviter à rejoindre une communauté gaming ou un groupe social
  • Recommander des articles populaires liés à leur thème
  • Envoyer une offre exclusive ou un code de réduction

​
Meilleures pratiques

  • Utilisez des noms et des valeurs de tags significatifs qui reflètent l’intention réelle de l’utilisateur.
  • Extrayez les valeurs de tags dynamiquement depuis les métadonnées de page lorsque c’est possible.
  • Ne taguez qu’au premier opt-in — l’exemple de listener ci-dessus vérifie !event.previous.optedIn pour éviter de re-taguer à chaque changement d’état.
N’incluez pas d’informations personnellement identifiables (PII) telles que des noms ou des adresses e-mail dans les valeurs de tags. Évitez de coder en dur des valeurs de tags sur l’ensemble de votre site — extrayez-les dynamiquement depuis le contexte de la page.

​
FAQ

​
Les tags persistent-ils si l’utilisateur efface les données du navigateur ?

Non. Effacer les données du navigateur crée un nouvel Abonnement. Si l’utilisateur se réabonne (manuellement ou via la réabonnement automatique), le listener change se déclenche à nouveau et réapplique les tags en fonction de la page actuelle.

​
Puis-je mettre à jour les tags après l’abonnement initial ?

Oui. Vous pouvez appeler OneSignal.User.addTags() à tout moment pour ajouter ou mettre à jour des tags. Le listener d’abonnement est utile pour le contexte initial, mais vous pouvez également taguer les utilisateurs en fonction de leur comportement continu.

​
Pages connexes

Tags

Définissez des paires clé-valeur personnalisées sur les utilisateurs en fonction d’événements ou de propriétés.

Référence Web SDK

Référence complète du OneSignal Web SDK incluant les listeners d’abonnement et les méthodes de taguage.

Segments

Regroupez les utilisateurs par propriétés, tags et comportement pour une messagerie ciblée.

Journeys

Construisez des flux de messagerie en plusieurs étapes déclenchés par l’entrée dans un segment ou des événements personnalisés.