- 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)
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.
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.
- 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
256x256pxaffiché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.
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.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.
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.
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.
- Titre : Titre accrocheur (recommandé : moins de
50caractères) - Message : Contenu principal de la notification (recommandé : moins de
120caractères) - Icône : Icône de votre marque ou image spécifique à la notification (recommandé :
256x256pxPNG ou JPG) - Grande image : Contenu visuel accrocheur
- Boutons d’action : Boutons d’appel à l’action
- Navigateur : Le navigateur/l’application affichant le push
- Domaine : L’origine de votre site définie automatiquement par le navigateur
- Horodatage et fermeture : Le navigateur ajoute ces contrôles
- 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.