1. Allgemeine Informationen
1.1. Definition “Web Push Notification”
Web Push Notifications (WPNs) sind Kurznachrichten, die dem Nutzer direkt im Browser angezeigt werden. Dafür muss sich der Nutzer nicht auf der Website des Versenders befinden, lediglich der Browser muss (im Hintergrund) geöffnet sein. Der Nutzer kann sich für den Erhalt der WPNs jederzeit mit einem einzigen Klick im Browser an- und abmelden.
1.2. Bestandteile einer Web Push Notification

- Überschrift: ca. 50 Zeichen
- Text: keine HTML-Formatierungen möglich, codiert in UTF-8, mit einer Zeichenbeschränkung von 200 Zeichen bei Firefox und 185 bei Chrome
(Weitere Zeichen werden bei Mouseover über der Nachricht eingeblendet) - Domain: Absender-Domain der WPNs (wird automatisch angegeben)
- Logo / Icon: Das Bild wird über einen Link (Bildpfad) eingefügt und automatisch skaliert, in Safari wird hier ein festes Icon angezeigt.
- Link: Ein Klick auf die WPN führt auf die bei der Erstellung angegebene Landingpage
1.3. Vorteile von Web Push Notifications
- WPNs ermöglichen eine schnelle Kommunikation (i.d.R. innerhalb von Sekunden).
- Die Benachrichtigung erfolgt, sobald der Browser geöffnet bzw. das Gerät online ist (Apple).
- WPNs erzielen eine hohe Aufmerksamkeit, weil sich das Overlay-Fenster automatisch öffnet.
- Die Benachrichtigung kann für mehrere Tage vorgehalten werden oder verfallen, wenn der aktuelle Bezug nicht mehr gegeben ist
- Es besteht ein rechtsgültiges Double Opt-in, denn der Browser erzwingt eine Anmeldebestätigung und bietet in jeder Nachricht eine Abmelde-Option.
- Der Erfolg lässt sich messen:
Anmeldungen, Ansichten, Klicks, Abmeldungen, Bounces - Neben der E-Mail ist es der einzige plattform-unabhängige Internet-Standard für Push-Kommunikation
- WPNs werden von allen großen Browser-Herstellern unterstützt.
- WPNs funktionieren auf Desktop und mobilen Endgeräten (Chrome + Safari)
1.4. Browser-Unterstützung
| Google Chrome ab Version 42 | |
| Mozilla Firefox für Desktop ab Version 44 | |
| Apple Safari für macOS ab Version 7 (mit kleinen Einschränkungen) | |
| Samsung Internet ab Android 5.0 (Galaxy S6 ff.) | |
| Microsoft Edge ab dem Windows 10 April 2018 Update |
Voraussetzungen an die Webseite:
Es müssen 4 APIs zur Verfügung gestellt werden (Ausnahme: Apple mit proprietärer API):
- Push API
- Service Worker API
- Notification API
- Fetch API
1.5. Speicherung von Empfängerdaten
Folgende Daten werden von den Empfängern der WPNs gespeichert:
W3C Standard:
- Ein Security-Token als Ausgangswert für die Schlüsselbildung
- Ein Public Key für die Verschlüsselung der Datenübertragung
- Der Endpoint (eine URL), über den der Empfänger via API zu erreichen ist
Apple:
- Ein Device-Token zur Identifikation des Empfängers
- Die Website-Push-ID zur Identifikation der Website
1.6. Voraussetzungen für die Einbindung auf einer Website
Folgende Voraussetzungen müssen geschaffen werden:
- ein neues Konto bei Google (kann Kunde oder AGNITAS beantragen)
- eine ID und ein Zertifikat von Apple (für Safari-Browser)
- eine Manifest-Datei (manifest.json) mit einer Projekt-ID aus dem Google-Konto
(liefert AGNITAS) - zwei Programmdateien (webpush-client-api.js und subscription.js) für die An- und Abmeldung (liefert AGNITAS)
- eine Programmdatei für den ServiceWorker (webpush-client-sw.js, liefert AGNITAS)
- HTML-Code für Anmelde-Layer (liefert Kunde, AGNITAS kann Dummy liefern)
- Definition der Cookie-Haltbarkeit für die Frequenz des Anmelde-Layers
(definiert Kunde)
1.7. Funktionsweise der WPN – Anmeldungen
Nach Einrichtung der Funktion auf der jeweiligen Website bzw. Einbindung verschiedener Dateien im Header, erscheint auf der Website ein Layer, der frei gestaltet werden kann. Der Website-Besucher wird über diesen Layer nach der Einwilligung für die WPNs gefragt und muss diese mit zwei Klicks bestätigen. Nun wird die Berechtigung für die Benachrichtigungen gespeichert und ein Cookie hinterlegt. (Bei Firefox zum Beispiel einzusehen unter Einstellungen/Inhalt/Benachrichtigungen/Auswählen.)
1.8. Statistiken
Folgende technische Daten und Reaktionen der WPN-Empfänger sind messbar:
- Anzahl der WPN Anmeldungen
- Anzahl der ausgelieferten WPNs
- Anzahl der unzustellbaren WPNs bzw. Bounces
- Anzahl der angezeigten WPNs
- Anzahl der angeklickten WPNs
- Anzahl der WPN Abmeldungen
- Verwendete Browsertypen
1.9. Vorteile AGNITAS
Diese Vorteile bietet AGNITAS bei der Umsetzung von Web Push Nachrichten:
- Server und Daten in Deutschland
- Anmeldung auf unterschiedliche Push-Listen (nicht bei Safari)
- Integration mit E-Mail erlaubt De-Anonymisierung (nicht bei Safari)
- Integration in Planungskalender
- umfangreiche Statistiken
- jeder Kunde kann über seine eigene Domain versenden, so dass die Abos wirklich an ihn und nicht an AGNITAS gebunden sind (die Permission-Daten bestehen aus Endpoint, Security-Token und Public Key, bzw. bei Apple: Device-Token und Website-Push-ID)
- Bounce-Management für optimale Zustellquoten