Mit der iOS Version 16.4 hat Apple in Safari die Web Push Funktionalität freigegeben. Diese ist allerdings aktuell nur für PWAs (Progressive Web Apps), welche zum Home Screen hinzugefügt wurden, verfügbar.
Eine Voraussetzung dafür ist die Einbindung einer Manifest Datei im Quelltext der Seite (viele Seiten haben das bereits).
Beispiel:
<link rel="manifest" href="/manifest.json" />
Der Inhalt dieser Manifest Datei könnte wie folgt aussehen:
{
"name": "Example",
"short_name": "Example",
"icons": [
{ "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png" }
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "/"
}
Wichtig ist an der Stelle, dass der „display“ Eintrag den Wert „standalone“ oder „fullscreen“ hat. Dies ist für Safari die Voraussetzung, um das Web Push Opt-In anzuzeigen.
Empfehlenswert ist auch „start_url“ damit beim Hinzufügen zum Home Screen aus einer Unterseite heraus trotzdem die Startseite für die Home Screen Verknüpfung genommen wird.
Weitere Infos zum Web App Manifest finden sich hier.
Damit die Web App das Push Opt-In anzeigt, muss der Benutzer die Webseite über Safari zum Home Screen hinzufügen (Teilen -> Zum Home-Bildschirm hinzufügen). Anschließend kümmert sich das CleverPush Skript wie gewohnt um die Aussteuerung der Push Opt-In Abfrage.