Achtergrondinformatie over Progressive Web Apps en de mini-infobalk
Progressive Web Apps (PWA) zijn een patroon voor het maken van app-achtige, direct ladende, betrouwbare en installeerbare websites.
Wanneer uw PWA de installeerbaarheidscontrole op Android doorstaat, verschijnt er onderaan het browservenster een Chrome-systeemdialoogvenster, de zogenaamde mini-infobalk.
Tegenwoordig wordt de mini-infobalk 'Toevoegen aan startscherm' tegelijk met de gebeurtenis beforeinstallprompt weergegeven.
Wijzigingen in Chrome 76
We hebben naar onze community geluisterd en we hoorden dat ontwikkelaars meer controle willen over wanneer ze gebruikers vragen een PWA te installeren. We hebben jullie gehoord!
Vanaf Chrome 76 kunt u de mini-infobalk voorkomen door preventDefault() aan te roepen bij de beforeinstallprompt gebeurtenis.
Met de beforeinstallprompt -gebeurtenis kunt u de installatie van uw progressieve webapp promoten, waardoor gebruikers deze gemakkelijk aan hun startscherm kunnen toevoegen. Onze community heeft laten weten dat gebruikers die een PWA op hun startscherm installeren, zeer betrokken zijn, met meer herhaalbezoeken, meer tijd in de app en, indien van toepassing, hogere conversiepercentages.
Om je webapp te promoten zonder de mini-infobalk, wacht je op de beforeinstallprompt -gebeurtenis en sla je de gebeurtenis op. Werk vervolgens je gebruikersinterface bij om aan te geven dat je PWA geïnstalleerd kan worden, bijvoorbeeld door een installatieknop toe te voegen, een installatiebanner weer te geven, in-feed promoties te gebruiken of een menuoptie. Wanneer de gebruiker op het installatie-element klikt, roep je prompt() aan op de saved beforeinstallprompt gebeurtenis om het modale dialoogvenster 'Toevoegen aan startscherm' te tonen.
Toekomst van de mini-infobalk 'Toevoegen aan startscherm'
Het gebruik van de infobalk 'Toevoegen aan startscherm' is nog steeds een tijdelijke maatregel. We experimenteren met nieuwe gebruikersinterfacepatronen waarmee gebruikers van Progressive Web Apps de mogelijkheid blijven hebben om te installeren, en dit op een manier die de browse-ervaring zo overzichtelijk mogelijk maakt.