Установка PWA — это событие конверсии. Относитесь к нему как к единому.
Заставить пользователей установить ваше прогрессивное веб-приложение имеет решающее значение для вовлеченности. По данным Google, установленные PWA генерируют в 4 раза больше просмотров страниц, продолжительность сеанса на 80% дольше и коэффициент конверсии в 3 раза выше, чем при использовании браузера. Тем не менее, без оптимизации уровень установки PWA в среднем составляет всего 3-5%. Оптимизированные процессы установки могут увеличить процент установки до 15–20 % и выше. Ключевым моментом является понимание того, когда и как предлагать пользователям установку, основываясь на их поведении и сигналах взаимодействия.
В x13apps мы оптимизируем установку и взаимодействие PWA для максимального внедрения пользователями. Вот наша стратегия.
Манифест веб-приложения
Манифест веб-приложения (manifest.json) определяет, как будет выглядеть ваше PWA после установки. Основные свойства манифеста: name (полное имя приложения для экрана-заставки), short_name (12 символов для метки главного экрана), значки (192 x 192 и 512 x 512 PNG), start_url (страница, которая открывается при запуске приложения), display (автономно для работы в стиле приложения без браузера Chrome), theme_color (цвет панели инструментов), background_color (фон заставки) и ориентация (предпочтительная ориентация экрана). Каждое свойство влияет на то, будут ли браузеры предлагать установку и как приложение будет выглядеть после установки.
Советы по оптимизации манифеста: укажите как минимум два размера значков (192 пикселей и 512 пикселей), используйте PNG с прозрачным фоном для значков, установите автономный режим отображения (не браузер), используйте отдельный цвет фона, соответствующий вашему бренду, и убедитесь, что start_url имеет то же происхождение, что и ваше приложение. Неверные свойства манифеста полностью препятствуют установке. Используйте аудит Lighthouse PWA для выявления проблем с манифестами перед запуском. Тестовая установка на реальных устройствах: то, что работает в Chrome DevTools, на реальном устройстве может вести себя иначе.
Интеллектуальные подсказки по установке
Никогда не запускайте запрос на установку сразу после прибытия пользователей. Они еще не знают ваше приложение. Вместо этого используйте BeforeInstallPromptEvent, чтобы указать, когда показывать приглашение на установку. Отслеживайте сигналы вовлеченности пользователей, указывающие на готовность к установке: время на сайте (2+ минуты), посещенные страницы (3+ отдельных страниц), повторные посещения (2+ сеансов) и ключевые конверсионные действия (завершенная покупка, создание учетной записи). Пользователи, соответствующие 2+ из этих критериев, в 3 раза чаще выполнят установку, чем пользователи, которым было предложено немедленно.
Создайте собственный пользовательский интерфейс установки, а не полагайтесь на приглашение браузера по умолчанию. Разработайте баннер установки внутри приложения, который: объясняет преимущества (сохранение для использования в автономном режиме, более быстрый доступ), появляется в естественной точке останова (после завершения действия, а не во время онбординга), обеспечивает четкий призыв к действию с помощью кнопки и может быть закрыт, не скрываясь навсегда (разрешить повторный запрос после последующих посещений). Согласно тематическим исследованиям Google, пользовательские интерфейсы для установки конвертируются в 2–3 раза чаще, чем запросы по умолчанию в браузере.
Взаимодействие после установки
Установка – это начало, а не конец. Установленные PWA должны обеспечивать постоянную ценность, чтобы предотвратить удаление. Внедрите функции, использующие возможности PWA: push-уведомления (повторное привлечение пользователей с помощью соответствующих обновлений), фоновая синхронизация (завершение действий пользователя даже после его ухода) и автономный доступ (включение использования во время перерывов в подключении). Push-уведомления от PWA достигают 30-40% кликабельности по сравнению с 1-3% для электронной почты. Но чрезмерное использование приводит к удалению. Ограничьте количество уведомлений до 2–3 в неделю, если только они не содержат срочных уведомлений, таких как обновления заказов или напоминания о встречах.
Отслеживайте показатели взаимодействия после установки: ежедневные активные пользователи, частота сеансов, уровень удержания (день 1, день 7, день 30) и уровень удалений. Если уровень удалений превышает 10 % в течение 30 дней, оцените, обеспечивает ли ваше приложение достаточную постоянную ценность. Опросите удаленных пользователей, когда это возможно, чтобы понять, почему они ушли. Внедрите обнаружение баннеров веб-приложений, чтобы предлагать повторное вовлечение, когда пользователи возвращаются на ваш сайт после удаления. В x13apps мы создаем PWA, которые пользователи предпочитают устанавливать и сохранять. Подробнее читайте в нашемРуководство по стратегиям PWA для автономного использования.