Можно ли сделать в приложении кнопку, которая запускает PWA" Add to Home Screen " install banner?

Chrome(или любой браузер, поддерживающий PWA) запускает событиеbeforeinstallprompt для баннера установки веб-приложения , которое вы можете поймать и повторно запустить в более подходящее время, когда вы думаете, что пользователь не пропустит его/убежден в добавлении вашего сайта на домашнюю страницу. Начиная с версии 68 Chrome, перехват beforeinstallprompt и обработка запроса на установку программно обязательны, и никакие баннеры не будут отображаться автоматически.

В случае, если пользователь пропустил приглашение/отклонил его чтобы добавить к главному экрану, событие не может быть вызвано вручную нашим кодом. Это намеренно оставлено таким образом, чтобы избежать веб-страниц, раздражающих пользователей, чтобы повторно запрашивать пользователя для добавления на главный экран. Думая о перспективе пользователей, это имеет полный смысл.

Да, бывают случаи, когда пользователь случайно пропускает опцию, и он может не знать о опции меню браузера "добавить на главный экран", и было бы неплохо, чтобы мы снова запустили то же самое. Но, к сожалению, это не так. вариант. По крайней мере, на данный момент, и я лично не вижу, что сильно меняется, учитывая, как разработчики могут злоупотреблять, если его оставили разработчикам, чтобы подсказать.

Альтернативный вариант: если пользователь пропустил приглашение на установку или даже решил не устанавливать его на главный экран, дайте ему некоторое время, и когда вы думаете, что ему начинает нравиться ваш сайт(на основе конверсий), вы можете показать ему полную страницу или половину страницы div всплывающие инструкции по установке, чтобы добавить ваш сайт на главный экран из браузеров. меню. Он может иметь несколько изображений или Gif-анимацию, показывающую пользователю, как добавить на главный экран из меню. При этом он должен быть понятен большинству пользователей, если не всем.

Вот некоторый пример кода для того же самого, который специфичен для iOS(смотрите под #PROTIP 3).

В качестве бонуса вы можете показать некоторые акции, такие как скидки или дополнительные функции, когда пользователь добавляет на главный экран, что убедит пользователя сделать это. PWA имеет способ узнать, если сайт доступен на главном экране или браузер.

Для разработки / тестирования: Если вам нужно, чтобы этот баннер приходил несколько раз для целей разработки/тестирования, вы можете установить следующий поток в вашем Chrome для того же,

chrome://flags/#bypass-app-banner-engagement-checks