Skip to main content
Les notifications push web ré-engagent les utilisateurs avec du contenu opportun — même lorsqu’ils ne naviguent pas activement sur votre site web. Elles prennent en charge du contenu riche incluant du texte, des images, des boutons d’action et des sons.
Web push notification examples across different browsers and devices

Les notifications push web vous aident à atteindre les utilisateurs même lorsqu'ils ne sont pas sur votre site

Pour que le push web fonctionne :
  • Site web HTTPS : Le push web ne fonctionne que sur des sites sécurisés avec un certificat SSL valide
  • Service worker : Vous devez pouvoir ajouter le service worker OneSignal à votre site web
  • Origine de domaine unique : Doit suivre la politique de même origine
  • Autorisation de l’utilisateur : Les utilisateurs doivent explicitement accorder l’autorisation de recevoir des notifications
  • Navigateurs pris en charge : Fonctionne sur la plupart des navigateurs modernes (Chrome, Firefox, Safari, Edge)
Les utilisateurs ne peuvent pas s’abonner en mode Incognito ou navigation privée. Les appareils iOS nécessitent une configuration supplémentaire (voir Push web pour iOS). Certains navigateurs peuvent avoir des limites de notification ou nécessiter une interaction utilisateur — voir FAQ Push Web.
Ce guide parcourt chaque étape—de la configuration du SDK à l’envoi de messages push personnalisés—pour vous aider à implémenter avec succès les notifications push OneSignal.

​
Guides du développeur push web

Avant de pouvoir envoyer des notifications push web, votre développeur doit compléter les étapes suivantes.
Pas développeur ? Consultez Gérer les membres de l’équipe pour inviter un coéquipier avec accès développeur à votre projet OneSignal.

Configuration du SDK Web

Guide complet pour installer et configurer le SDK Web OneSignal, incluant les tests localhost et les invites d’autorisation.

Plugin WordPress

Intégrez rapidement les notifications push sur WordPress en utilisant notre plugin officiel—aucun codage requis.

Configuration du push web iOS

Suivez les étapes spécifiques à Apple pour activer le push web sur les iPhones et iPads exécutant iOS 16.4+.

Migration depuis un autre fournisseur

Apprenez comment transiter depuis un autre fournisseur de push web et conserver vos abonnés.

​
Options de configuration

Configurez votre site web pour le push web dans le tableau de bord OneSignal sous Paramètres > Push et intégrés > Web.
OneSignal dashboard showing web push platform activation in settings

Activez la plateforme web dans vos paramètres OneSignal

Sélectionnez le type d’intégration qui correspond à votre site :
OneSignal dashboard showing integration type options: Typical Site, WordPress, and Custom Code

Choisissez votre type d'intégration en fonction de la configuration de votre site web

Site typique

Recommandé - Configurez les invites, la notification de bienvenue et la configuration du service worker directement dans le tableau de bord—aucun codage backend requis.

WordPress

Utilisez le plugin officiel OneSignal pour configurer facilement le push sur votre site WordPress avec une configuration complète basée sur l’interface utilisateur.

Code personnalisé

Configuration avec contrôle total pour les développeurs qui veulent tout personnaliser via du code.
Détails du site :
  • Nom du site : Utilisé dans les titres de notification par défaut
  • URL du site : Doit correspondre exactement à l’origine de votre domaine (pas de chemins ni de discordance www)
  • Réabonnement automatique : Recommandé - Réabonne automatiquement les utilisateurs de retour qui ont effacé les données du navigateur
  • URL de l’icône par défaut : Image 256x256px affichée dans les notifications (si non définie, une icône de cloche par défaut est utilisée)

​
Réabonnement automatique

Si les utilisateurs effacent leurs données de navigateur, ils arrêteront de recevoir des notifications push. Activez cette option pour réabonner automatiquement les utilisateurs lorsqu’ils retournent sur votre site. Consultez Abonnements pour plus de détails.
OneSignal dashboard web push configuration settings showing site details and auto resubscribe option

Paramètres web dans le tableau de bord OneSignal

​
Invites d’autorisation web

Inviter les utilisateurs à accorder l’autorisation de notification est essentiel pour l’opt-in. Vous pouvez personnaliser le comportement et l’apparence des demandes d’autorisation en fonction de votre configuration.
Utilisez une messagerie claire qui explique l’avantage, invitez les utilisateurs au bon moment (par ex. après l’engagement) et utilisez une pré-invite avant de déclencher la boîte de dialogue native du navigateur.

Invites d'autorisation web

Comparez différents types d’invites (glissement vers le bas, basé sur les catégories, natif, cloche d’abonnement, et plus) et apprenez quand utiliser chacun.

Référence du SDK Web

Apprenez à contrôler programmatiquement quand et comment les invites sont affichées en utilisant le SDK.

​
Notification de bienvenue

Vous pouvez activer un push de confirmation optionnel qui est envoyé immédiatement après qu’un utilisateur s’abonne. Les intégrations typiques et WordPress peuvent le définir dans le tableau de bord.
OneSignal dashboard showing welcome notification configuration with title, message, and URL fields

Les notifications de bienvenue confirment l'abonnement réussi et démontrent la valeur

L’intégration de code personnalisé utilise l’objet welcomeNotification dans la fonction OneSignal.init. Consultez Référence du SDK Web pour plus de détails. Pourquoi envoyer des notifications de bienvenue ?
  • Informer les utilisateurs qu’ils se sont abonnés avec succès
  • Montrer à quoi ressembleront les futures notifications
  • Fournir du contenu d’intégration ou les prochaines étapes

​
Utilisateurs et abonnements

Lorsqu’un utilisateur s’abonne aux push, OneSignal crée automatiquement un abonnement unique lié à son navigateur/appareil. Les abonnements push web sont créés lorsque les utilisateurs :
  • Accordent l’autorisation pour les notifications push sur votre site web en utilisant un navigateur et un appareil spécifiques
  • Retournent sur votre site après avoir effacé les données du navigateur (si le réabonnement automatique est activé)
  • S’abonnent depuis un nouveau navigateur ou appareil
Chaque combinaison navigateur/appareil crée un abonnement séparé. Le mode incognito/navigation privée ne peut pas créer d’abonnements. Les abonnements push web restent anonymes jusqu’à ce que vous leur attribuiez un ID externe.
OneSignal dashboard Users page showing a list of Users with Subscription details

Tableau de bord OneSignal : Audience > Utilisateurs

Utilisateurs

Apprenez à gérer les utilisateurs, attribuer des ID externes et suivre leur activité.

Abonnements

Comprenez comment les abonnements fonctionnent sur les navigateurs et appareils.

Segments

Regroupez les utilisateurs en segments pour cibler en fonction du comportement, de l’appareil et plus encore.

​
Support iOS

Apple a ajouté le support du push web pour les iPhones et iPads exécutant iOS 16.4+ mais avec des exigences plus strictes :
  • Les utilisateurs doivent ajouter votre site à leur écran d’accueil
  • Les invites d’autorisation sont affichées uniquement après cette étape
  • Les notifications se comportent comme des alertes d’application native une fois activées

Push web pour iOS

Instructions étape par étape pour activer le support iOS, incluant la configuration du service worker et du manifest.

Guide d'ajout à l'écran d'accueil

Conseils pour encourager les utilisateurs à installer votre site afin qu’ils puissent recevoir du push web iOS.

​
Concevoir les notifications push web

Créer des notifications push efficaces implique plus qu’écrire du texte. Apprenez quels éléments sont personnalisables et comment les utiliser efficacement.
Annotated diagram showing the anatomy of a web push notification with customizable and browser-controlled elements

Anatomie de la notification push web - personnalisez les éléments 1-6, tandis que 7-9 sont contrôlés par le navigateur

  1. Titre : Titre accrocheur (recommandé : moins de 50 caractères)
  2. Message : Contenu principal de la notification (recommandé : moins de 120 caractères)
  3. Icône : Icône de votre marque ou image spécifique à la notification (recommandé : 256x256px PNG ou JPG)
  4. Grande image : Contenu visuel accrocheur
  5. Boutons d’action : Boutons d’appel à l’action
  6. Navigateur : Le navigateur/l’application affichant le push
  7. Domaine : L’origine de votre site définie automatiquement par le navigateur
  8. Horodatage et fermeture : Le navigateur ajoute ces contrôles
  9. Plus d’options : Contrôles supplémentaires spécifiques au navigateur

Aperçu du push

Aperçu complet de la création de notifications push, des options et du comportement de livraison.

Modèles

Gagnez du temps avec des modèles réutilisables pour une messagerie cohérente.

​
Personnalisation et localisation des messages

Vous pouvez personnaliser les messages push pour correspondre aux préférences et à la langue de chaque utilisateur.

Personnalisation des messages

Insérez des variables dynamiques (comme le nom ou les préférences) pour adapter les messages.

Messagerie multilingue

Livrez automatiquement les messages dans la langue préférée de chaque utilisateur.

​
Configurer le comportement du push web

Contrôlez comment vos messages push se comportent après l’envoi—quand ils apparaissent, combien de temps ils sont stockés, et comment les utilisateurs interagissent.

​
Paramètres de livraison, d’affichage et de fermeture

Limitation

Contrôlez la vitesse de livraison des notifications.

Plafonnement de fréquence

Définissez des limites pour éviter l’envoi excessif de notifications au même utilisateur.

Durée de vie (TTL)

Définissez combien de temps les services push conservent les messages lorsque l’appareil est hors ligne.

Sujet push web

Utilisez des sujets pour regrouper, remplacer ou supprimer les notifications en double.

​
Comportement de clic

Contrôlez ce qui se passe lorsqu’un utilisateur clique sur une notification. Par défaut : Le clic ouvre votre page d’accueil. Personnalisez-le :
  • Dirigez les utilisateurs vers une URL spécifique
  • Utilisez le suivi UTM
  • Supprimez le comportement par défaut avec ?_osp=do_not_open

URL, liens et liens profonds

Dirigez les utilisateurs vers du contenu ou des pages pertinents en utilisant des liens profonds et le suivi.

Boutons d'action

Permettez aux utilisateurs d’effectuer des actions immédiates depuis votre notification.

Écouteurs d'événements de notification push SDK

Écoutez les événements de clic et déclenchez un comportement dans l’application avec du code personnalisé.

​
Tester votre configuration

Avant le lancement, testez minutieusement votre implémentation de push web sur différents appareils et navigateurs.

​
Liste de vérification pré-lancement

  • Le SDK est correctement chargé sans erreurs
  • L’invite d’autorisation apparaît et fonctionne
  • La notification de test est envoyée et reçue
  • Les icônes et images s’affichent correctement
  • Le service worker est enregistré et à jour
  • Le certificat HTTPS est valide

​
Analyses push et dépannage

Mesurez les performances des notifications et résolvez les problèmes de livraison courants :

Rapports de messages push

Visualisez la livraison, le taux d’ouverture et les métriques de clics pour chaque message.

Aperçu des analyses

Explorez les métriques d’engagement et de comportement des utilisateurs à travers les canaux.

Notifications non affichées ou retardées

Liste de vérification de dépannage si les messages n’apparaissent pas.

Images de notification non affichées

Corrigez les problèmes de rendu d’image sur différents navigateurs.

​
Prochaines étapes

Tests A/B

Optimisez les messages avec des expériences pour trouver ce qui génère l’engagement.

Parcours

Créez des flux de messagerie automatisés et multi-étapes déclenchés par le comportement des utilisateurs.

Tags

Ajoutez des données au niveau utilisateur pour la personnalisation et le ciblage.

Analyses

Suivez les métriques d’engagement et de conversion à travers les canaux.

​
Questions fréquentes

​
Les utilisateurs peuvent-ils s’abonner au push web sur iOS ?

Oui, à partir d’iOS 16.4+. Les utilisateurs doivent d’abord ajouter votre site web à leur écran d’accueil, puis accorder l’autorisation de notification. Consultez Push web pour iOS pour les étapes complètes de configuration.

​
Pourquoi un utilisateur a-t-il cessé de recevoir des notifications push web ?

La cause la plus courante est que l’utilisateur a effacé ses données de navigateur, ce qui supprime l’abonnement push. Activez Réabonnement automatique dans vos paramètres de push web pour réabonner automatiquement les utilisateurs de retour. Consultez Abonnements pour plus de détails.

​
Les notifications push web fonctionnent-elles en mode Incognito ou navigation privée ?

Non. Les utilisateurs ne peuvent pas s’abonner au push web en mode Incognito ou navigation privée. Les abonnements créés dans une session normale ne sont pas accessibles en mode privé.

​
Quels navigateurs prennent en charge les notifications push web ?

Chrome, Firefox, Safari (macOS et iOS 16.4+) et Edge prennent tous en charge le push web. Chaque navigateur peut avoir un comportement d’invite et un affichage de notification différents. Consultez FAQ Push Web pour les détails spécifiques à chaque navigateur.

​
Puis-je utiliser des sous-domaines avec le push web ?

Chaque sous-domaine (par exemple, app.example.com vs shop.example.com) est une origine distincte. Les navigateurs appliquent la politique de même origine pour le push web, donc chaque sous-domaine nécessite sa propre application OneSignal. Le service worker doit également être hébergé sur la même origine que la page d’abonnement — les CDN et autres sous-domaines ne sont pas autorisés. Consultez Plusieurs sites et sous-domaines pour les options de configuration.

​
Comment enregistrer plus d’un domaine pour le push web ?

Vous avez besoin d’une application OneSignal distincte pour chaque domaine ou sous-domaine. Une seule application OneSignal ne peut servir qu’une seule origine. Pour gérer plusieurs domaines, redirigez les utilisateurs vers une seule origine pour l’abonnement ou créez des applications OneSignal individuelles par origine. Consultez Plusieurs sites et sous-domaines pour des stratégies détaillées.

​
Pourquoi mon invite de push web ne s’affiche-t-elle pas ?

Les causes courantes incluent : le site n’est pas servi via HTTPS, le service worker n’est pas enregistré correctement, l’utilisateur a déjà accordé ou refusé l’autorisation, ou l’utilisateur est en mode Incognito. Vérifiez la console du navigateur pour les erreurs et consultez Notifications non affichées pour une liste de vérification complète.