Прогрессивные веб-приложения легко устанавливаются с помощью новой кнопки установки в адресной строке Chrome (омнибокс).
На настольном компьютере пользователю обычно не сообщается, что Progressive Web App можно установить, а если это так, процесс установки скрыт в меню из трех точек.
В Chrome 76 (бета-версия, середина июня 2019 г.) мы упрощаем для пользователей установку Progressive Web Apps на рабочем столе, добавляя кнопку установки в адресную строку (омнибокс). Если сайт соответствует критериям установки Progressive Web App , Chrome автоматически отобразит значок установки в адресной строке. Нажатие кнопки предлагает пользователю установить PWA.
Как и другие события установки, вы можете прослушивать событие appinstalled , чтобы определить, установил ли пользователь ваше PWA.
Добавление собственного запроса на установку
Если у вашего PWA есть сценарии использования, когда пользователю полезно установить ваше приложение, например, если у вас есть пользователи, которые используют ваше приложение чаще одного раза в неделю, вам следует продвигать установку вашего PWA в веб-интерфейсе вашего приложения.
Чтобы добавить собственную кнопку установки, прослушивайте событие beforeinstallprompt . Когда оно срабатывает, сохраните ссылку на событие и обновите пользовательский интерфейс, чтобы дать пользователю знать, что он может установить ваше Progressive Web App.
Шаблоны для продвижения установки вашего PWA
Существует три основных способа продвижения установки вашего PWA:
- Автоматическое продвижение браузера , например кнопка установки в адресной строке.
- Продвижение пользовательского интерфейса приложения , где элементы пользовательского интерфейса появляются в интерфейсе приложения, например, баннеры, кнопки в заголовке или навигационном меню и т. д.
- Встроенные рекламные шаблоны вплетают рекламные акции в контент сайта.
Ознакомьтесь с Patterns for Promoting PWA Installation (mobile) для получения более подробной информации. Он ориентирован на мобильные устройства, но многие из шаблонов применимы и для настольных компьютеров или могут быть легко изменены для работы с настольными устройствами.