Progresywne aplikacje internetowe można łatwo zainstalować dzięki nowemu przyciskowi instalacji na pasku adresu Chrome (omniboksie).
Na komputerach użytkownik zwykle nie widzi, że progresywna sieć Aplikację można zainstalować, ale jeśli tak jest, proces instalacji jest ukryty wśród menu z kropkami.
Ułatwiamy użytkownikom instalację w Chrome 76 (wersja beta od połowy czerwca 2019 roku) Progresywne aplikacje internetowe na komputerze po dodaniu przycisku instalacji do adresu (omniboks). Jeśli witryna spełnia Kryteria instalowania progresywnych aplikacji internetowych Chrome automatycznie wyświetli na pasku adresu ikonę instalacji. Kliknij zachęca użytkownika do zainstalowania aplikacji PWA.
Podobnie jak w przypadku innych zdarzeń instalacji, możesz nasłuchiwać zdarzeń appinstalled
aby wykryć, czy użytkownik zainstalował Twoją progresywną aplikację internetową.
Dodawanie własnego promptu instalacji
Jeśli Twoja aplikacja PWA pomaga użytkownikom ją zainstalować, np. jeśli masz użytkowników, którzy korzystają z aplikacji więcej niż raz w tygodniu, powinna promować instalację aplikacji PWA w interfejsie internetowym aplikacji.
Aby dodać własny niestandardowy przycisk instalacji, nasłuchuj
beforeinstallprompt. Czas uruchomienia
zapisać odniesienie do wydarzenia i zaktualizować interfejs, aby umożliwić użytkownikowi
że mogą zainstalować progresywną aplikację internetową.
Wzorce zachęcające do instalacji aplikacji PWA
Istnieją 3 główne sposoby promowania instalacji PWA:
- Automatyczna promocja przeglądarki, np. przycisk instalacji na pasku adresu.
- Promowanie interfejsu aplikacji, gdzie elementy interfejsu pojawiają się w aplikacji. takich jak banery, przyciski w nagłówku lub menu nawigacyjnym itp.
- Wbudowane wzorce promocyjne przeplatają się między promocjami w treści witryny.
Zapoznaj się ze wzorcami promowania instalacji PWA (na urządzeniach mobilnych) . Koncentruje się na urządzeniach mobilnych, ale wiele wzorców ma zastosowanie na komputery lub można je łatwo zmodyfikować, aby wyglądały tak samo w przypadku komputerów.