1. Home
  2. Docs
  3. About Web Push
  4. Web Push nach Browsern und Betriebssystemen

Web Push nach Browsern und Betriebssystemen

Web Push Notifications sind browserbasierte Nachrichten, die von einer Website direkt auf den Desktop eines PCs oder auf den Sperrbildschirm (Lock Screen) eines mobilen Gerätes ausgespielt werden. Voraussetzung für den Empfang von Web Push Notifications ist, dass der Website-Besucher zuvor seine Zustimmung über ein Opt-In im Browser erklärt hat.

Push-Nachrichten werden Abonnenten auch dann angezeigt, wenn diese sich nicht auf der entsprechenden Website befinden. Es genügt, dass der Browser aktiv ist oder minimiert im Hintergrund läuft.

Das World Wide Web Consortium (W3C) hat Web Push-Benachrichtigungen bereits 2015 als Standard definiert. Dieser wurde von den Browser-Herstellern bislang jedoch divergent und z. T. auch nur unvollständig umgesetzt. Das hat zur Folge, dass die Nachrichten in den verschiedenen Browsern unterschiedlich dargestellt werden.

Doch fangen wir vorne an:

Welche Browser unterstützen Web Push?

Web Push wird von allen gängigen Browsern unterstützt:

  • Google Chrome (Desktop¹, Android)
  • Mozilla Firefox (Desktop¹, Android)
  • Apple Safari (macOS)²
  • Microsoft Edge (Desktop¹, Android)
  • Opera (Desktop¹, Android)
  • Samsung Internet Browser (Android)
  • UC Browser (Android)
  • Andere auf Chromium basierende Browser, wie Yandex und Vivaldi (Desktop¹, Android)

¹ Desktop inkl. Windows, Linux, macOS.

² Zur Nutzung von Push Nachrichten mit Safari ist eine Apple Developer Lizenz notwendig.

Und: Welche Betriebssysteme unterstützen Web Push?

Neben dem Browser muss auch das Betriebssystem das Ausspielen und Anzeigen von Web Push Notifications unterstützen. Dies ist bei den meisten Betriebssystemen der Fall:

Windows 7, 8, 8.1ja
Windows 10ja
Linuxja
macOSja
Androidja
Chrome OSja
iOSnein

Welche Elemente einer Web Push Notification werden in den unterschiedlichen Browsern dargestellt?

Der W3C-Standard einer Web Push Nachricht definiert einen Titel und ein Textfeld (Nachricht), die mit Emojis aufgepeppt werden können, ein kleines Bild bzw. Logo, ein großes Bild und Action Buttons.

Ob und wie diese Elemente von den Browsern übernommen werden, zeigt die folgende Aufstellung (Stand 10.12.2019):

BrowserLänge des Titels (Zeichen)*Länge der Nachricht (Zeichen)*Länge des Titels (Zeichen)*Länge der Nachricht (Zeichen)*Großes BildAction ButtonsOS Info-Leiste
DesktopChrome4518045180jajaja
Firefox5020050200neinneinnein
Edge6513065130jajaja
Opera4518045180jajanein
Safari4010040100neinneinja
AndroidChrome3010030100jajanein
Samsung3010030100jajanein
UC Browser3010030100jajanein

* Maximal empfohlenen Textlängen

Der Google Chrome Browser bietet gegenwärtig die umfänglichste Unterstützung der verschiedenen Elemente. Zudem können Web Push-Nachrichten so im Chrome Browser angezeigt werden, dass sie erst bei Interaktion des Nutzers ausgeblendet werden. Alle anderen Browser blenden Nachrichten in der Regel nach maximal 20 Sekunden aus. Microsoft Edge und Safari verschieben Benachrichtigungen nach einiger Zeit in den Infobereich des Betriebssystems, wo sie bis zur Interaktion stehen bleiben.

Wie werden Web Push-Nachrichten in den gängigsten Browsern angezeigt?

Hier einige Beispiele:

Basis Web Push Notifications

Chrome mit Windows 7
Chrome mit Windows 10
Firefox mit Windows 7 / 10
Edge mit Windows 10

Web Push Notification mit Action Buttons und großem Bild

Chrome mit Windows 7
Chrome mit Windows 10
Edge mit Windows 10