W Chrome 76 możesz ukryć minipasek informacyjny na ekranie głównym,

Penny McLachlan
Penny McLachlan
X GitHub

Informacje o progresywnych aplikacjach internetowych i minibarze

Progresywne aplikacje internetowe (PWA) to wzorzec tworzenia przypominających aplikacje, błyskawicznych, niezawodnych i możliwych do zainstalowania witryn.

Gdy aplikacja PWA przejdzie listę kontrolną możliwości instalacji na Androidzie, u dołu okna przeglądarki pojawi się okno systemowe Chrome o nazwie minipasek informacyjny.

Dzisiaj w tym samym czasie co wydarzenie beforeinstallprompt wyświetla się minipasek informacyjny na ekranie głównym:

Zmiany w Chrome 76

Wsłuchaliśmy się w opinie naszej społeczności i usłyszeliśmy, że deweloperzy chcą mieć większą kontrolę nad tym, kiedy prosić użytkowników o zainstalowanie aplikacji PWA. Wzięliśmy sobie do serca Wasze opinie.

Od wersji Chrome 76 wyświetlanie minipaska informacyjnego możesz wyłączyć, wywołując preventDefault() podczas zdarzenia beforeinstallprompt.

Zdarzenie beforeinstallprompt może pomóc w promowaniu instalacji progresywnej aplikacji internetowej, ułatwiając użytkownikom dodanie jej do ekranu głównego. Nasza społeczność poinformowała nas, że użytkownicy, którzy zainstalowali aplikację PWA na ekranie głównym, są mocno zaangażowani, powracają do niej częściej, spędzają więcej czasu w aplikacji i w odpowiednich przypadkach – generują wyższe współczynniki konwersji.

Przykład wykorzystania przez Pinterest banera instalacyjnego do promowania możliwości zainstalowania PWA.
Przykład strony Pinterest z banerem instalacyjnym, który promuje możliwość zainstalowania aplikacji PWA. Szczegółowe informacje o procesie dodawania do ekranu głównego, w tym przykłady kodu i inne sprawdzone metody, znajdziesz w sekcji Dodawanie do ekranu głównego.

Aby promować swoją aplikację internetową bez minipaska informacyjnego, nasłuchuj wydarzenia beforeinstallprompt, a potem go zapisz. Następnie zaktualizuj interfejs użytkownika, aby wskazać, że aplikację PWA można zainstalować, np. dodając przycisk instalacji, wyświetlając baner instalacji, korzystając z promocji w pliku danych lub wybierając opcję menu. Gdy użytkownik kliknie element instalacyjny, wywołaj prompt() w zapisanym zdarzeniu beforeinstallprompt, aby wyświetlić okno modalne dodawania do ekranu głównego.

Przyszłość dodawania do ekranu głównego na minipasku informacyjnym

Korzystanie z paska informacyjnego „Dodaj do ekranu głównego” nadal ma charakter tymczasowy. Eksperymentujemy z nowymi wzorcami interfejsu, które umożliwią użytkownikom progresywnych aplikacji internetowych instalację. Pozwoli to także ograniczyć bałagan w przeglądarce.