Configuration du push web

​

Aperçu

Les notifications push web sont un moyen puissant de ré-engager les utilisateurs et de délivrer des informations importantes 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 peuvent aider à augmenter la rétention et l’engagement des utilisateurs. 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
• 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)

Limitations importantes :

• 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.

---

​

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. Sélectionnez le type d’intégration qui correspond à votre site :
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

Un concept important avec le push web est que 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. Meilleures pratiques :

• Utilisez une messagerie claire qui explique l’avantage
• Invitez les utilisateurs au bon moment (par ex. après l’engagement)
• Utilisez une pré-invite avant de déclencher la boîte de dialogue native du navigateur

---

​

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. 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

---

​

Comprendre les utilisateurs et les 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

Notes importantes :

• 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

​

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

---

​

Concevoir les notifications push web

Créer une bonne notification push implique plus que d’écrire du texte. La conception compte. Apprenez quels éléments sont personnalisables et comment les utiliser efficacement.

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

​

Personnalisation et localisation des messages

Vous pouvez personnaliser les messages push pour correspondre aux préférences et à la langue 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

​

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

---

​

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 mis à jour
• Le certificat HTTPS est valide

​

Analyses push et dépannage

Mesurez et améliorez les performances des notifications :

---

---