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) w Chrome.

Na komputerach użytkowników zwykle nie informuje się, że progresywną aplikację internetową można zainstalować. Jeśli jest to możliwe, proces instalacji jest ukryty w menu z 3 kropkami.

W Chrome 76 (wersja beta z połowy czerwca 2019 r.) ułatwiamy użytkownikom instalowanie progresywnych aplikacji internetowych na komputerach, dodając przycisk instalowania do paska adresu (paska omniboksa). Jeśli witryna spełnia kryteria instalowalności progresywnych aplikacji internetowych, Chrome automatycznie wyświetli ikonę instalacji na pasku adresu. Po kliknięciu tego przycisku użytkownik zostanie poproszony o zainstalowanie aplikacji 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łasnego promptu instalacji

Jeśli w przypadku Twojej PWA występują przypadki, w których zainstalowanie aplikacji jest dla użytkownika przydatne (np. jeśli użytkownicy korzystają z aplikacji częściej niż raz w tygodniu), powinieneś promować instalację PWA w interfejsie internetowym aplikacji.

Aby dodać własny przycisk instalacji, nasłuchuj zdarzenie beforeinstallprompt. Gdy zostanie wywołane, zapisz odwołanie do zdarzenia i zaktualizuj interfejs użytkownika, aby poinformować go, że może zainstalować progresywną aplikację internetową.

wzorce promowania instalacji PWA;

Instalację aplikacji internetowej możesz promować na 3 główne sposoby:

  • Automatyczna promocja w przeglądarce, np. przycisk instalacji na pasku adresu.
  • Promocja interfejsu aplikacji, w której elementy interfejsu wyświetlają się w interfejsie aplikacji, np. banery, przyciski w nagłówku lub menu nawigacji.
  • Wstawianie promocji w treściach polega na umieszczaniu promocji w treści witryny.

Więcej informacji znajdziesz w artykule Promowanie instalacji PWA (mobilne) w Patterns. Skupia się on na urządzeniach mobilnych, ale wiele wzorów można zastosować na komputerach lub łatwo je zmodyfikować, aby działały na komputerach.