Comment afficher une bannière temporaire sur mobile lors de la réception d'une notification et de la connexion ?

Salut, je me demande s’il existe un moyen d’afficher une bannière de notification en haut du site, qui apparaît temporairement lorsqu’un utilisateur reçoit une notification et qu’il est connecté au site (spécifiquement sur mobile), puisque les notifications navigateur font essentiellement la même chose sur ordinateur.

Quelqu’un peut-il me orienter dans la bonne direction ? Merci.

Je reçois un message « nouvelles mises à jour » qui recharge la vue pour les afficher, ainsi que des notifications du navigateur, via le navigateur mobile.

Donc… que voulez-vous ? :slight_smile:

Hmmm. Peut-être que je rate un paramètre quelque part, car je ne reçois pas d’alertes de notification lorsque je navigue sur le site en mode mobile. Je vois bien le petit point apparaître à côté de la photo de profil indiquant qu’il y a une notification, mais je cherchais à recevoir une notification alors que le site est ouvert dans un onglet mais pas dans l’onglet actif, comme c’est le cas sur ordinateur. :confused:

Nous n’avons pas ces « notifications contextuelles dans l’application » comme Facebook.

Nous prenons en charge les notifications web natives sur toutes les plateformes sauf iOS, qui constituent, selon moi, un super-ensemble des notifications dans l’application.

Je suis sur iOS et je me demandais pourquoi je ne recevais jamais de notifications… alors que c’était un paramètre que j’avais manqué dans Safari iOS, Chrome iOS ou même dans les paramètres de Discourse.

Donc, à part vérifier les e-mails ou le site directement, il n’y a aucun moyen de recevoir des notifications sur iOS ?

Merci pour l’info ! :smile:

Apple a décidé de ne pas implémenter l’API Web Push dans son navigateur. Comme iOS ne dispose que d’un seul navigateur, les utilisateurs d’iOS n’ont pas accès aux notifications Web Push, disponibles sur Windows, macOS, Linux et Android.

Les contournements existants sont les suivants :

Superbes informations, merci pour cela.