Informacje o progresywnych aplikacjach internetowych i mini-pasku informacyjnym
Progresywne aplikacje internetowe (PWA) to wzorzec tworzenia witryn, które działają jak aplikacje, szybko się wczytują, są niezawodne i można je zainstalować.
Gdy Twoja PWA przejdzie listę kontrolną instalacji na Androidzie, w dolnej części okna przeglądarki pojawi się okno systemowe Chrome, tzw. mini-pasek informacyjny.
Obecnie mini-pasek informacyjny Dodaj do ekranu głównego jest wyświetlany w tym samym czasie co zdarzenie
beforeinstallprompt
.
Zmiany w Chrome 76
Słuchaliśmy naszej społeczności i dowiedzieliśmy się, że deweloperzy chcą mieć większą kontrolę nad tym, kiedy prosić użytkowników o zainstalowanie progresywnej aplikacji internetowej. Wzięliśmy sobie do serca Wasze opinie.
Od Chrome 76 możesz zapobiegać wyświetlaniu minipaska informacyjnego, wywołując funkcję preventDefault()
w zdarzeniu beforeinstallprompt
.
beforeinstallprompt
może pomóc Ci promować instalację Twojej progresywnej aplikacji internetowej, ułatwiając użytkownikom dodanie jej do ekranu głównego.
Nasza społeczność informuje, że użytkownicy, którzy instalują PWA na ekranie głównym, są bardzo zaangażowani. Częściej wracają do aplikacji, spędzają w niej więcej czasu, a w odpowiednich przypadkach osiągają wyższe współczynniki konwersji.

Aby promować aplikację internetową bez mini-paska informacyjnego, nasłuchuj zdarzenia
beforeinstallprompt
, a następnie je zapisz. Następnie zaktualizuj interfejs użytkownika, aby wskazać, że aplikację PWA można zainstalować, np. dodając przycisk instalacji, wyświetlając baner instalacyjny, korzystając z promocji w kanale lub opcji menu. Gdy użytkownik kliknie element instalacji, wywołaj zapisane zdarzenie prompt()
, aby wyświetlić okno modalne z prośbą o dodanie aplikacji do ekranu głównego.beforeinstallprompt
Przyszłość minipaska informacyjnego Dodaj do ekranu głównego
Korzystanie z paska informacyjnego „Dodaj do ekranu głównego” jest nadal tymczasowym rozwiązaniem. Testujemy nowe wzorce interfejsu, które nadal będą umożliwiać użytkownikom progresywnych aplikacji internetowych instalowanie ich w sposób, który zmniejsza bałagan podczas przeglądania.