PWA на iOS 16+: нюансы установки

Нюансы установки PWA на iOS 16+ начинаются с того, что здесь нет привычной кнопки «Установить»: весь процесс проходит вручную через Safari. Разберём, как выглядит установка для пользователя и как аккуратно провести его через этот процесс, не потеряв на промежуточном шаге.

Почему на iOS нет установки в один тап

Apple не даёт PWA устанавливаться напрямую из браузера кнопкой, как Android — единственный официальный путь это Safari, меню «Поделиться» и пункт «На экран Домой». Это не баг конкретной связки, а платформенное ограничение, которое одинаково для всех PWA на iOS.

Пошагово: как выглядит установка для пользователя

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

Как объяснить пользователю эти шаги на самой странице

Раз системного окна с кнопкой «Установить» не будет, инструкцию нужно показать самим: наглядная стрелка на иконку «Поделиться», короткий текст «Нажмите ⬆️ → На экран Домой», без лишних экранов между переходом на сайт и подсказкой. Каждый лишний шаг в объяснении — это точка, на которой часть аудитории просто закрывает страницу.

Ограничения iOS, которые важно учитывать

Push-уведомления для PWA, добавленных на экран «Домой», на iOS появились только с версии 16.4 и работают только для установленного приложения — обычная вкладка Safari их так и не получает. Рассчитывать на push как на основной канал, как в Android, пока не стоит: часть аудитории может быть на более старых версиях iOS. Также после установки данные кэша и localStorage могут очищаться агрессивнее, чем в обычном Safari, если приложением давно не пользовались.

Как APEX помогает провести пользователя через установку на iOS

Прелендинги APEX — например, колесо фортуны или квиз перед основным экраном — можно использовать не только для вовлечения, но и для того, чтобы явно подготовить пользователя к следующему шагу: «а теперь установи», прежде чем он попадёт на страницу с инструкцией. Это снижает долю людей, которые доходят до шага установки, но не понимают, что от них требуется.

Частые вопросы

Можно ли поставить PWA на iOS через Chrome, а не Safari?
Нет, на iOS пункт «На экран Домой» для PWA доступен только через Safari — даже Chrome на iOS технически работает на движке Safari, но опции установки PWA в его интерфейсе нет.
Работают ли пуши у PWA, установленного на iOS?
Да, но только начиная с iOS 16.4 и только у PWA, добавленной на экран «Домой» — обычная вкладка Safari push не получает. Это не такой стабильный канал, как push на Android, поэтому не стоит строить всю коммуникацию только на нём.
Почему часть пользователей не доходит до установки на iOS?
Основная причина — они просто не понимают, что «Поделиться → На экран Домой» это и есть установка, ведь привычной кнопки «Установить» нет. Явная визуальная подсказка на странице решает большую часть этой потери.
Отличается ли поведение PWA после установки на iOS от Android?
Да — помимо ограничений с пушами, iOS может агрессивнее очищать локальные данные приложения при долгом неиспользовании, поэтому логику, которая держится на сохранённом состоянии, стоит проверять отдельно на iOS.
Собери своё PWA в APEX за пару минут

Клоака, антибот, пуши, сплит-тесты и свои домены — в одном сервисе.

Начать бесплатно

Читайте также