PWA вместо банов: как заработать без стора и модерации

Классические приложения теряют свою актуальность в арбитраже трафика из-за постоянных банов. Альтернатива, которую успешно используют вебмастера, — 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 или App Store. Цвета, кнопки, показатели рейтинга — всё должно быть как в оригинале. Это необходимо для повышения конверсии.

WhitePage тоже нужна, и она должна визуально напоминать событие, которое рекламируется. Это поможет избежать проблем при модерации. О пушах также нужно позаботиться, если хотите сохранить внимание пользователя.

Как создать PWA самостоятельно

Предлагаем пошаговый алгоритм для преобразования сайта в PWA.

1. Предполагается, что у вас уже есть сайт, использующий HTTPS — наиболее безопасный протокол для передачи данных между браузером и веб-сайтом. Если его нет или он не использует указанный протокол, то придется начать именно с веб-разработки.
2. Создаем иконку для PWA-приложения, которую пользователь будет видеть на главном экране своего устройства. Лучше, чтобы это был уникальный символ, хорошо запоминающийся. Не используйте слова — под иконкой и так будет отображаться название приложения.
3. Создаем манифест (web app manifest), добавляем его в HTML-код PWA-приложения. Он содержит информацию о внешнем виде платформы со стороны пользователя (какие именно данные веб-браузер должен кэшировать, чтобы PWA выглядел как стандартное приложение — шрифты, цвет фона, иконка). Можно использовать специальные генераторы манифестов.
4. Создаем Service worker для автономной работы PWA в офлайн-режиме. Он представляет собой написанный на JS скрипт, который запускается отдельно от веб-сайта в фоновом режиме. Благодаря Service worker можно фильтровать те части веб-сайта, которые будут доступны без подключения к сети. Как только он будет создан и загружен, нужно добавить в HTML-код вашего сайта ссылку на файл.
5. Деплой PWA — загрузка программы на сервер. После разработки PWA необходимо добавить его на хостинговые платформы (например, Firebase для Google). Универсальной инструкции здесь нет — всё зависит от сервиса, который вы используете.
6. Тестирование — необходимый этап для оценки производительности приложения.

Самостоятельная разработка PWA-приложения — это возможность сэкономить бюджет и запрограммировать желаемый функционал. Однако стоит учитывать, что этот метод требует знаний и опыта в разработке, если вы хотите создать качественный продукт. Кроме того, понадобится немало времени. Если таких ресурсов нет, можно воспользоваться более доступными инструментами.

Инструменты для генерации PWA

Разработку PWA «от А до Я» можно доверить профессионалам, заплатить определенную сумму и успешно использовать продукт. Но иногда таких приложений нужно не одно-два, а много. И так тратиться готов не каждый вебмастер. Альтернатива — автоматизированные инструменты, которые упрощают этот процесс.

Один из таких конструкторов — PWA Builder. Вот инструкция:

1. Размещаете в поле ссылку на сайт, из которого хотите сделать приложение.
2. Конструктор анализирует сайт. Если есть нюансы, мешающие созданию PWA, вам дадут советы по внесению изменений и улучшений.
3. Далее создается код для service worker. Так он выглядит в 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 стали мощным инструментом в работе вебмастеров, ведь предоставляют широкие возможности для масштабирования аудитории и конверсий. Обход блокировок, адаптивность, кастомизация дизайна, экономия места, снижение затрат — преимущества, которые нельзя игнорировать. Это практичная и оптимальная альтернатива стандартным приложениям, предоставляющая широкие возможности для увеличения прибыли в арбитраже трафика.