A web push notification is similar to an app Push NotificationA message that can appear on any screen on a mobile device. Push notifications appear as banners. except that the target device for a web notification is a user’s web browser, e.g., Chrome, Firefox.
The primary benefit of reaching users on the web is that you don’t need to develop an app. Any user with access to a web browser can receive your notifications.
If you do have an app, however, web is an additional channel that you can use to engage your audience. You can decide which channel (app vs. web) is more important for different types of messaging, adjust your messaging for different channels, set priority per channel, and much more. See Channel CoordinationA group of strategies you can use to target users where they are most likely to receive your message. for details about priority channel and other cross-channel engagement strategies.
Web Push Notifications and Sending MethodsA web push notification is a message that slides into the top right or bottom left corner of your audience’s web browser (depending on the browser). On a mobile device, web push notifications appear similar to a push notification.
On a desktop browser, a web push notification generally appears in the upper right-hand corner of the screen, in the form of a toast notification. Depending on the operating system, notifications may also be delivered to the OS Notification Center. For example, on Mac OS all web notifications are visible from within the Notification Center, regardless of which browser they come from.
On a mobile device, web push notifications behave similarly to mobile push notifications, utilizing the same notification framework as apps do for remote notifications.
Airship supports web push notifications on:
- Desktop: Google Chrome, Mozilla Firefox, Opera, and Safari.
- Android Mobile: Google Chrome, Mozilla Firefox, Opera, Microsoft Edge.
You can send web push notifications either individually or combined with other channels. You can also send web push notifications using AutomationA set of conditions that your audience must meet before they receive a message. , JourneysA series of messages that is initiated by a single automation trigger. Airship sends messages in the series based on your timing settings, and you can also set conditions that determine the continuation of the series. , and A/B TestsUsed to send variants of a message to cross-sections of your audience. Each variant in the test returns data to help you determine the most effective ways to engage your audience. A/B tests support up to 26 variants and a control group per test. . Automation and A/B tests can be set up in the dashboard or the API. Journeys are available in the dashboard only.
Web Push Notification Actions and Buttons
You can set a message actionsA configurable behavior that occurs when a user interacts with your message, e.g., opening a web page. for your web notification and any buttons in the notification. In web notifications, actions either send a user to a URL or dismiss the notification.
You can set tags when users interact with your notification or buttons, providing a way to track your audience when they engage with your web notifications.
When you add buttons to a notification, you enter a label for each button. The labels of your buttons are the identifiers for event names in Airship reports, showing you how users respond to your messages.
When users click buttons in your web notifications, Airship records events in message reports and Real-Time Data StreamingA service that delivers engagement events in real time via the Data Streaming API or an Airship partner integration.
, with the label
name set to
button_id is the label you set in the dashboard or the button
id you set in the API. Use these events to track engagement.
Localize Web Notifications
Airship’s localization feature provides a way to send a single message with multiple localizations. You can prepare localizations based on language information or localeThe combination of a language and country. A user’s locale is determined by their device settings. for more specific, regional localizations. Airship delivers localized messages to your audience according to language and country information gathered by the Airship SDK.
See the Localization feature guide for more information.
Configuration and Requirements