If you subscribe to the notifications of some websites, you may sometimes see a strange notification with this content: “This site has been updated in the background”. What does that mean? And if you are the website owner, how can you prevent that notification?
A user visits a website and subscribes to the notifications. Then, after some time, he opens the browser settings and clicks “clear data” in order to remove the history and all the data stored by the browser on the device. What happens to the notifications in this case?
In order to optimize the number of people that subscribe to your notifications, you need to use the right user interface (UI). It’s also important to design a good user experience (UX), so that the notification prompt is perceived as something useful for the user and not as an annoyance. In this post we’ll analyze different approaches and user interfaces that are useful to ask users to subscribe to web push notifications.
Are you looking for a bell icon to represent push notifications or to create a subscribe button on your website?
There are many free and open source resources where you can get an high-quality bell icon, in different formats, without the need to draw it manually.
You can include newlines and line breaks inside the body of web notifications.
Is it possible to customize the style of web push notifications?
How can you manage push notifications when a user uses multiple accounts on the same browser? What can you do if multiple users use the same device / browser?
Is it possible to instantly deliver a web push notification to notify a phone call or to deliver any other time-sensitive notification?
How can you associate a push subscription to a specific user? How can you implement log-in and log-out for web push notifications?
Is it possible to subscribe the users to web push notifications from an iframe?
How can you collect analytics for web push notifications (e.g. clicks)?
These two methods defined by the Push API are used to get the push subscription from the browser. What is the difference between them?
When a user is visiting your website and subscribes to notifications, you get a push subscription, which must be stored somewhere (in a database) in order to send notifications to that user.
How can you verify that a push subscription is still valid (and not invalid or expired)? How can you detect if a user has unsubscribed and the subscription is no longer valid?
What can you do if you receive that notifications? What does it mean? How can you fix it?
How can you find out if the current browser supports the Push API and Web Push Notifications?
What is the difference between
Sometimes you just need to send the same notification to all users that have subscribed to your website notifications. Let’s see how to achieve that.
Recurring web notifications (e.g. every day, every week, every month, etc.) can be a simple strategy to re-engage your website users.
Is it possible to replace the Chrome logo / browser logo on notifications with the website logo?