PWA: Как выполнить повторную проверку перед установкой? - PullRequest
0 голосов
/ 18 мая 2018

Наш сайт использует PWA, поэтому посетитель может выбрать «Добавить на главный экран» (A2HS).Тем не менее, по данным Google Analytics, показатель увольнения слишком высок по сравнению с уровнем принятия.

Мы планируем сделать UX более интуитивным и понятным, чтобы повысить скорость принятия.Однако мы также хотим оживить тех посетителей, которые уже закрыли диалог A2HS.

Как это сделать?Насколько мне известно, мы можем добавить только beforeinstallprompt слушатель, но нет openinstallprompt метода.

Ответы [ 3 ]

0 голосов
/ 19 мая 2018

Ответ Ананда на данный момент правильный.Но начиная Chrome 68, Chrome не будет автоматически отображать приглашение A2HS.Вам нужно будет явно указать Chrome, чтобы он вызвал приглашение.

enter image description here

Согласно документации Google, здесь приведен фрагмент кода для обработки приглашения;

Прослушивание beforeinstallprompt

let deferredPrompt;

window.addEventListener('beforeinstallprompt', (e) => {
  // Prevent Chrome 67 and earlier from automatically showing the prompt
  e.preventDefault();
  // Stash the event so it can be triggered later.
  deferredPrompt = e;
});

Вставьте следующий код в прослушиватель, который вызовет приглашение

// Show the prompt
deferredPrompt.prompt();
// Wait for the user to respond to the prompt
deferredPrompt.userChoice
.then((choiceResult) => {
  if (choiceResult.outcome === 'accepted') {
    console.log('User accepted the A2HS prompt');
  } else {
    console.log('User dismissed the A2HS prompt');
  }
  deferredPrompt = null;
});

См. эту ссылку для дальнейшей информации.

0 голосов
/ 31 мая 2018

По соображениям безопасности, как писали и другие, браузеры не позволяют вручную запускать событие установки.

Однако есть способ проверить его самостоятельно.Перейдите к chrome: // flags и включите «Обойти проверки участия пользователя»

. Это приведет к запуску запроса, чтобы вы могли проверить.

Cheers

0 голосов
/ 18 мая 2018

Нет, вы не можете запустить баннер установки и его запуск браузерами.Если ваш сайт соответствует всем критериям PWA и если пользователь посещает его достаточно часто (насколько часто поставщики браузеров явно не указывают на его частоту), браузеры снова отобразят приглашение.Мы не можем вызвать то же самое с нашим кодом. Направьте этот ответ , почему он так себя ведет и какое альтернативное решение.

...