Instalacja paska adresu dla progresywnych aplikacji internetowych na pulpicie

Progresywne aplikacje internetowe można łatwo zainstalować za pomocą nowego przycisku instalacji na pasku adresu (omniboksie) Chrome.

Na komputerze użytkownik zwykle nie informuje użytkownika, że można zainstalować progresywną aplikację internetową, a jeśli tak, proces instalacji jest ukryty w menu z 3 kropkami.

W Chrome 76 (dostępnej w połowie czerwca 2019 r.) ułatwimy użytkownikom instalowanie progresywnych aplikacji internetowych na komputerach, dodając przycisk instalacji na pasku adresu (omniboksie). Jeśli witryna spełnia kryteria instalowania progresywnych aplikacji internetowych, Chrome automatycznie wyświetla na pasku adresu ikonę instalacji. Użytkownik może go kliknąć, aby zainstalować aplikację PWA.

Podobnie jak w przypadku innych zdarzeń instalacji, możesz nasłuchiwać zdarzenia appinstalled, aby wykryć, czy użytkownik zainstalował Twoją aplikację PWA.

Dodawanie własnej prośby o instalację

Jeśli Twoja aplikacja PWA zawiera przypadki użycia, w których użytkownicy mogą ją zainstalować (np. użytkownicy, którzy korzystają z niej więcej niż raz w tygodniu), promuj jej instalację w interfejsie internetowym aplikacji.

Aby dodać własny niestandardowy przycisk instalacji, nasłuchuj zdarzenia beforeinstallprompt. Po jego wywołaniu zapisz odniesienie do zdarzenia i zaktualizuj interfejs użytkownika tak, aby użytkownik wiedział, że może zainstalować progresywną aplikację internetową.

Wzorce promowania instalacji PWA

Istnieją 3 główne sposoby promowania instalacji PWA:

  • Automatyczne promowanie przeglądarki, np. przycisk instalacji na pasku adresu.
  • Promocja interfejsu aplikacji, czyli elementy interfejsu, które pojawiają się w interfejsie aplikacji, np. banery, przyciski w nagłówku lub menu nawigacyjnym itp.
  • Wbudowane wzorce promocyjne przeplatają promocje w treści witryny.

Aby dowiedzieć się więcej, zapoznaj się ze Wzorcami dotyczącymi promowania instalacji PWA (na urządzeniach mobilnych). Wykorzystuje głównie reklamy na urządzeniach mobilnych, ale wiele wzorców znajduje się na komputerach i można je łatwo zmodyfikować, tak by były dobrze widoczne na komputerach.