Классические приложения теряют свою актуальность в арбитраже трафика из-за постоянных банов. Альтернатива, которую успешно используют вебмастера, — PWA. В некоторых нишах такие приложения — уже must-have инструмент для заливки. Ряд преимуществ по сравнению с другими сервисами и сайтами позволяет существенно увеличить конверсию. Рассмотрим особенности и преимущества PWA-приложений подробнее.
Что такое PWA-приложения в арбитраже трафика
PWA (Progressive Web Application — прогрессивное веб-приложение) — это гибридное решение, которое объединило в себе преимущества мобильных приложений и веб-сайтов. С помощью специальной технологии сайт интегрируется в шаблон приложения. Пользователь может посещать сайт без необходимости открывать браузер, ведь в этом случае роль браузера берет на себя PWA. Юзеры могут и не подозревать, что пользуются не приложением в классическом его понимании.
Эта технология берет свое начало с 2000 года, но тогда не могла похвастаться широким набором функций, поэтому и не стала популярной. В середине 2010-х ситуация изменилась, поскольку новые ОС и браузеры значительно “прокачали”.
Отождествлять PWA со стандартными WebView-приложениями не стоит, хотя визуально для пользователя они выглядят одинаково. Каждое классическое приложение заливают в официальные сторы — PlayMarket или App Store, а это означает, что оно будет проходить тщательную проверку со стороны платформы.
От проблем с модерацией никто не застрахован. Приложение могут вообще удалить — долгая работа окажется напрасной, да и деньги можно потерять. PWA загружать в сторы не нужно, для них есть независимые лендинги на приватных хостингах. Баны остаются в прошлом, а сайт-приложение стабильно функционирует.
Еще одно отличие PWA от стандартных приложений — их не нужно устанавливать на устройство, как это бывает с WebView. Помимо экономии времени и трафика, пользователь не получает предупреждений о ненадежности источника, которые могут тем самым снизить конверсию.
Как только пользователь добавляет PWA, на экране смартфона появляется соответствующая иконка. Клик — и открывается страница браузера с ссылкой на PWA. Далее вся взаимодействие такая же, как с классическими приложениями WebView.
Технологию PWA используют не только рядовые арбитражники, но и такие гиганты, как Aliexpress, Tinder, Twitter (X), Forbes и многие другие платформы. Далеко ходить не нужно — мессенджер Telegram частично использует технологию PWA через Telegraph — сервис для удобного чтения объемных текстов.
Основные преимущества PWA
PWA-приложения отличаются рядом преимуществ, благодаря чему не первый год маркетологи и арбитражники выбирают их в качестве инструмента для продвижения продуктов и услуг.
Никаких банов. PWA не загружают в сторы, поэтому и строгую модерацию проходить не нужно. Это ваше решение, когда прекратить работу приложения.
Иконка на экране. Лояльность пользователей обеспечена: иконка на рабочем пространстве постоянно напоминает о себе, и контент не остается без внимания.
Экономия места. Всегда хочется сохранить максимум свободной памяти на смартфоне. Обычные приложения не позволяют этого сделать, а PWA в этом смысле будут малозаметны. К тому же это ускоряет установку.
Без разрешения. Система Android, например, предупреждает пользователей о приложении из неизвестного источника. Из-за отсутствия подобного у PWA, лояльность к ним — выше.
Адаптивность. В отличие от стандартных приложений, которые разрабатывают под конкретную ОС, PWA работают на всех платформах и устройствах, адаптируются под их размер и мощность. К тому же ими можно пользоваться в условиях низкой скорости интернета, и даже без сети.
Не требуют обновлений. Изменения, вносимые на сайте, автоматически отображаются у всех, кто пользуется этим PWA.
Сбор данных. Приложение может служить источником данных для дальнейшей рассылки или продаж.
Кастомизация. Каким будет дизайн PWA-приложения, решает ваша фантазия и возможности разработчика.
Пуши. Они напоминают пользователю о самом приложении и стимулируют к целевому действию.
SEO-оптимизация. Поисковики индексируют PWA, что расширяет аудиторию за счет органического трафика.
Снижение затрат. Разработка PWA требует значительно меньше средств, чем нативные приложения.
Увеличение ROI. Перечисленные выше преимущества стимулируют повышение конверсии, а значит и ROI рекламных кампаний идет вверх.
PWA для работы с разными вертикалями
Теперь рассмотрим, в каких вертикалях арбитражники чаще обращаются к PWA-приложениям.
Гемблинг
Эта ниша отличается низким порогом для входа. Именно на PWA-приложения лить проще, дешевле, а часто еще и прибыльнее. На то есть несколько причин:
- дизайн приложения и лендинга может совпадать с самым рейтинговым слотом в оффере;
- расходники недорогие, поэтому большую часть бюджета можно выделить на трафик;
- ЦА склонна доверять сообщениям о больших выигрышах, бонусах, быстром выводе денег — а это повышает конверсию в депозит.
Часто конверсия напрямую зависит от дизайна — связка лучше работает, когда он максимально агрессивный. В 2022 году около 80% от всех использованных PWA пришлись именно на гемблинг-вертикаль.
Дейтинг
Главное преимущество PWA в нише дейтинга — возможность установить приложение с дизайном, который Google Play не пропустил бы.
Известно, что и мейнстрим-дейтинг, и адалт — это про яркую и часто провокационную картинку. Правильный подход всегда повысит конверсию в установку приложения. Соответственно, технология PWA побеждает, предоставляя возможность использовать откровенные изображения на лендинге загрузки такого типа приложения.
Беттинг
Любят использовать PWA и для офферов в беттинге. Главный момент в продвижении ставок через PWA — сходство с интерфейсом стора Google Play или AppStore. Цвета, кнопки, показатели рейтинга — все должно быть, как в оригинале. Это необходимо для повышения конверсии.
WhitePage тоже нужна, и она должна визуально напоминать событие, которое рекламируется. Это поможет избежать проблем при модерации. О пушах также нужно позаботиться, если хотите сохранить внимание пользователя.
Как создать PWA самостоятельно
Предлагаем пошаговый алгоритм для превращения сайта в PWA.
- Предполагается, что у вас уже есть сайт, который использует HTTPS — самый безопасный протокол для передачи данных между браузером и веб-сайтом. Если его нет или он не использует указанный протокол, то придется начать именно с веб-разработки.
- Создаем иконку для PWA-приложения, которую пользователь будет видеть на главном экране своего устройства. Лучше, чтобы это был уникальный символ, который хорошо запоминается. Не используйте слова — под иконкой и так будет отображаться название приложения.
- Создаем манифест (web app manifest), добавляем его в HTML-код PWA-приложения. Он содержит информацию о внешнем виде платформы со стороны пользователя (какие именно данные веб-браузер должен кешировать, чтобы PWA выглядело как стандартное приложение – шрифты, цвет фона, иконка). Можно использовать специальные генераторы манифестов.
- Создаем Service worker для автономной работы PWA в офлайн-режиме. Это написанный на JS скрипт, который запускается отдельно от веб-сайта в фоновом режиме. Благодаря Service worker можно фильтровать те части веб-сайта, которые будут доступны без подключения к сети. Как только он будет создан и загружен, нужно добавить в HTML-код вашего сайта ссылку на файл.
- Деплой PWA — загрузка программы на сервер. После разработки PWA необходимо добавить его на хостинговые платформы (например, Firebase для Google). Универсальной инструкции здесь нет, все зависит от сервиса, который используете.
- Тестирование — это необходимый шаг для оценки производительности приложения.
Разумеется, самостоятельная разработка PWA-приложения — это возможность сэкономить бюджет и запрограммировать желаемый функционал. Однако нужно учитывать, что этот метод требует знаний и опыта в разработке, если стремитесь создать качественный продукт. К тому же понадобится немало времени. Если таких ресурсов нет, можно воспользоваться более доступными инструментами. О них расскажем в следующем разделе.
Инструменты, которые помогают создать PWA
Разработку PWA “от А до Я” можно доверить профессионалам, заплатить определенную сумму и успешно использовать продукт. Но иногда таких приложений нужно не один-два, а много. И так тратиться готов не каждый вебмастер. Альтернатива — автоматизированные инструменты, облегчающие этот процесс.
Один из таких конструкторов – PWA Builder. Вот инструкция:
1. Размещаете в поле ссылку на сайт, с которого хотите сделать приложение.
2. Конструктор анализирует сайт. Если есть нюансы, мешающие созданию PWA, вам дадут советы по внесению изменений и улучшению.
3. Далее создают код для serviceworker. Так он выглядит в PWA Builder.
4. Внутри есть конструктор для файла Манифеста: заполняете, и после этого загружаете и ставите на сайт.
Интерфейс конструктора понятен и комфортен для работы. Рекомендуем учитывать такие критерии при выборе PWA-конструктора:
- быстрое создание и настройка PWA;
- разнообразие дизайнерских решений;
- настройка пушей внутри конструктора;
- возможность добавить участников команды в личный кабинет;
- полезная информация, которую предоставляет сервис.
Сделать процесс разработки более легким помогают и фреймворки. Рассмотрим несколько вариантов.
Фреймворк ReactJS от Facebook. Платформа использует его на своих сайтах, и фреймворк тестируют ежедневно более 1 млрд пользователей. React — основа для React Native, который позволяет легко делать из PWA-приложений нативные мобильные приложения или десктопные программы. ReactJS привлекает своим компонентно-ориентированным подходом к разработке. Компоненты могут отображаться в браузере, на сервере — с помощью Node.js и внутри программ — с помощью React Native.
Сэкономить время на разработку PWA помогут шаблоны — например, Polymer от Google. Проект имеет открытый исходный код и часто обновляется для синхронизации с другими проектами с открытым кодом, которые тоже используют этот шаблон. Шаблоны Polymer используют паттерн PRPL для оптимизации загрузки приложения на устройство. При этом нужно использовать сервер HTTP2 для доставки ресурсов по запросу. Что касается дизайна, то Polymer использует Material Design от Google.
Для тестирования PWA можно воспользоваться расширением Chrome Lighthouse. Оно проанализирует приложение на доступность, производительность и соответствие стандартам Progressive Web App. Тестирование проходит на разных экранах и скоростях сети. Измеряется время до первой загрузки и другие коэффициенты производительности. Также вы получаете советы, как улучшить приложение.
Установить расширение Lighthouse можно из интернет-магазина браузера Chrome или воспользоваться Chrome Canary, где оно уже есть во вкладке Audit в Devtools.
Вывод
PWA стали мощным инструментом в работе вебмастеров, ведь предоставляют широкие возможности для масштабирования аудитории и конверсий. Обход блокировок, адаптивность, кастомизация дизайна, экономия места, снижение затрат — преимущества, которые нельзя игнорировать. Это практичная и оптимальная альтернатива стандартным приложениям, которая предоставляет широкие возможности для увеличения прибыли в арбитраже трафика.
Что говорят арбитражники.