Hintergrundinformationen zu progressiven Web-Apps und der Mini-Infoleiste
Progressive Web-Apps (PWAs) sind ein Muster zum Erstellen von app-ähnlichen, schnell ladenden, zuverlässigen und installierbaren Websites.
Wenn Ihre PWA die Checkliste für die Installierbarkeit unter Android besteht, wird unten im Browserfenster ein Chrome-Systemdialogfeld namens Mini-Infoleiste angezeigt.
Heute wird die Mini-Infoleiste „Zum Startbildschirm hinzufügen“ gleichzeitig mit dem beforeinstallprompt-Ereignis angezeigt.
Änderungen in Chrome 76
Wir haben auf die Community gehört und erfahren, dass Entwickler mehr Kontrolle darüber haben möchten, wann sie Nutzer auffordern, eine PWA zu installieren. Das Feedback von Creatorn ist uns wichtig!
Ab Chrome 76 können Sie die Mini-Infoleiste verhindern, indem Sie preventDefault() für das beforeinstallprompt-Ereignis aufrufen.
Mit dem beforeinstallprompt-Ereignis können Sie die Installation Ihrer progressiven Web-App fördern und Nutzern das Hinzufügen zum Startbildschirm erleichtern.
Nutzer, die eine PWA auf dem Startbildschirm installieren, sind sehr aktiv. Sie besuchen die App häufiger, verbringen mehr Zeit darin und erzielen gegebenenfalls höhere Conversion-Raten.
Wenn Sie Ihre Web-App ohne die Mini-Infoleiste bewerben möchten, erfassen Sie das beforeinstallprompt-Ereignis und speichern Sie es. Aktualisieren Sie als Nächstes Ihre Benutzeroberfläche, um darauf hinzuweisen, dass Ihre PWA installiert werden kann. Fügen Sie beispielsweise eine Installationsschaltfläche, ein Installationsbanner oder eine Menüoption hinzu oder verwenden Sie In-Feed-Werbung. Wenn der Nutzer auf das Installationselement klickt, rufen Sie prompt() für das gespeicherte beforeinstallprompt-Ereignis auf, um das Modalfenster „Zum Startbildschirm hinzufügen“ anzuzeigen.
Zukunft der Mini-Infoleiste „Zum Startbildschirm hinzufügen“
Die Infoleiste „Zum Startbildschirm hinzufügen“ ist weiterhin nur eine vorübergehende Maßnahme. Wir testen neue UI-Muster, mit denen Nutzer weiterhin Progressive Web-Apps installieren können, ohne dass die Browseroberfläche überladen wird.