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

Penny McLachlan
Penny McLachlan

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.

Przykład wykorzystania przez Pinterest banera instalacyjnego do promowania możliwości instalacji PWA.
Przykład wykorzystania przez Pinterest banera instalacyjnego do promowania możliwości instalacji progresywnej aplikacji internetowej. Szczegółowe informacje o procesie dodawania do ekranu głównego, w tym przykłady kodu i inne sprawdzone metody, znajdziesz w artykule Dodawanie do ekranu głównego.

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.