Commandos Team на связи, всем привет! Мы уже писали про приложения для гемблинга и даже рассказывали о мини-аппсах в Telegram. Давайте подробнее остановимся на PWA — сегодня это самая удачная технология для залива на гемблинг.
PWA (Progressive Web App) — это технология имитации мобильного приложения. Пользователь устанавливает ярлык на свой смартфон. Нажатием на этот ярлык открывается сайт в браузере или в оболочке, сильно напоминающей мобильное приложение. Сам веб-ресурс тоже выглядит как прилка за счёт кнопок, джойстиков и прочих интерактивных элементов, характерных для mobile apps.
Не так давно пользователи относились к PWA с некоторым недоверием. Но сейчас они уже не считаются чем-то подозрительным — технологию используют и крупные ресурсы, например, Pinterest.
Почему PWA — лучшее решение для гемблинга сегодня?
Во-первых, они проще в разработке, чем Webview и классические прилы. Да и для арендаторов их аренда обходится дешевле.
PWA — самая недорогая категория в сервисах аренды приложений.
Во-вторых, сторы всегда банили гемблинг-приложения. Но с сентября 2023 года эта проблема стала «горячей», особенно для Android apps — некоторые из них не «выживали» даже сутки. Progressive web apps не требуют загрузки в App Store и Google Play, поэтому лить на них можно всегда.
В-третьих, не нужно делать разработку отдельно для iOS и отдельно для Android.
Правда, у PWA есть и пара минусов:
- Более дорогой инсталл, а значит, и более высокий бюджет на тесты. Да и зацеп в Facebook получить сложнее, чем для Webview;
- Необходимость клоакинга, без которого модерацию не пройти.
Как сделать PWA самостоятельно?
Дисклеймер! Делайте PWA самостоятельно, только если обладаете навыками веб-разработки. В противном случае либо поручайте разработку специалистам, либо пользуйтесь арендой. Здесь мы технологию PWA приводим просто для ознакомления.
ПВА-шки создают на основе обычных веб-страниц. Для этого в корневую папку добавляют манифест и сервис-воркер, которые и подгружают ярлык сайта на устройство пользователя. Основные файлы здесь:
- manifest.json;
- service-worker.js.
Вот содержимое манифеста.
{
“name”: “My PWA”,
“short_name”: “PWA”,
“start_url”: “/”,
“display”: “standalone”,
“background_color”: “#ffffff”,
“theme_color”: “#000000”,
“icons”: [
{
“src”: “/icons/icon-192×192.png”,
“sizes”: “192×192”,
“type”: “image/png”
},
{
“src”: “/icons/icon-512×512.png”,
“sizes”: “512×512”,
“type”: “image/png”
}
]
}
В manifest.json указываются параметры приложения:
- Название (name, short_name);
- Стартовый URL (start_url);
- Режим отображения (display);
- Цветовая схема (theme_color, background_color);
- Иконки (icons).
Вот содержимое сервис-воркера.
self.addEventListener(“install”, (event) => {
event.waitUntil(
caches.open(“pwa-cache”).then((cache) => {
return cache.addAll([“/”, “/index.html”, “/styles.css”, “/app.js”]);
})
);
});
self.addEventListener(“fetch”, (event) => {
event.respondWith(
caches.match(event.request).then((response) => {
return response || fetch(event.request);
})
);
});
Этот код управляет кэшированием файлов (install), а также обработкой сетевых запросов (fetch).
Также PWA можно делать при помощи специализированных фреймворков:
- React;
- Angular;
- Vue;
- Ionic;
- Svelte.
Например, на Реакте PWA делают так.
- Запускают командную строку (нужно, чтобы был установлен Node.js). После создают React-приложение с флагом –template:
npx create-react-app my-pwa-app –template cra-template-pwa
cd my-pwa-app
npm start
- Шаблон cra-template-pwa автоматически добавляет Service Worker в src/serviceWorkerRegistration.js. Здесь нужно убедится, что этот файлик появился и выделенное жёлтым значение = register, а не unregister:
if (‘serviceWorker’ in navigator) {
window.addEventListener(‘load’, () => {
navigator.serviceWorker.register(‘/service-worker.js’).then((registration) => {
console.log(‘Service Worker зарегистрирован:’, registration);
});
});
}
- В React по умолчанию присутствует манифест manifest.json, который необходимо настроить и прописать в него нужные параметры. Код манифеста и название файла уже приведены выше — в них просто корректируют параметры и добавляют нужный URL.
- Чтобы активировать PWA, в src/index.js нужно убедиться, что строка serviceWorkerRegistration.register(); не закомментирована.
В результате React-приложение работает как PWA!
Если вы не разраб, мы рекомендуем пользоваться арендой PWA, а не пытаться их кодить самостоятельно. Вот в каких сервисах можно арендовать PWA:
Как заливаться + пара кейсов
Для залива на PWA понадобятся:
- Креативы. Можно использовать и довольно агрессивные крео, если позволяет траст рекламного аккаунта;
- Клоака и антидетект, если заливаемся с Facebook;
- Страница, имитирующая Play Market;
- Пуш-уведомления для дожима игроков.
Примеры крео, которые использовались под PWA.
Что касается клоаки и пушей, сервисы аренды эти вопросы снимают. Обычно PWA-провайдеры по умолчанию предоставляют трекинг и настройку пуш-уведомлений.
Если же мы кодим аппки самостоятельно, то:
- Пуш-рассылки — Push.Express, Pushbots.com, Pushtorm.net;
- Клоакинг — Keitaro, IM KLO или любой другой аналог. Настраивается точно так же, как и для лендингов под нутру при заливе с ФБ и тому подобное.
Настройка клоакинга и выбор креативов должны быть согласованы между собой. Так, если в рекламе вы призываете скачать приложение и показываете значки Play Market, нужно модераторов вести на реальные страницы приложений. Если же в крео вы показываете игру без указания на сторы, то модераторов можно вести сразу в игру.
Обычно у PWA-провайдеров вайт-пейдж — это какая-нибудь безобидная игра. Поэтому если клоакинг настраиваем через них, лучше не апеллировать к закачке и установке приложений.
Напоследок приведём пару показательных кейсов с PWA-прилами.
255.350 руб. на Фонбет
Сама по себе такая связка сейчас неактуальна, поскольку FB не даст лить ру-траф. Однако показательны фейковые страницы, отлично стилизованные под Play Market и содержание пуш-уведомлений.
- Оффер: Фонбет;
- ГЕО: Россия, Казахстан, Беларусь, Украина;
- Источник: Facebook;
- Ставка за перводеп: 1.200 руб.;
- Модель оплаты: CPA;
- Inst2reg: 1к3;
- Red2dep: 1к4;
- Период отлива: 14.09.21 — 20.10.21;
- Затраты: 222.250 руб.;
- Получено: 477.600 руб.;
- ROI: 115%.
В рамках подготовки к ЧМ по футболу ребята заливали на ставки. Трафик направлялся на страницу установки PWA, а после неё дожимался пуш-уведомлениями. Содержание white page в кейсе не приводится.
Facebook, Индия и ROI 300%
Здесь команда PADLA TRAFFIC заливалась на гемблинг-оффер по Индии с учётом особенностей этого ГЕО. Ремарка: не советуем «бросаться в Индию», если у вас вообще нет опыта работы с этой страной — трафика там много и не имея опыта легко спустить большие суммы в никуда.
Здесь они использовали креативы на хинди, но пуши для дожима были на английском. В качестве вайта применялась игра, похожая на судоку. Оптимизацию проводили за счёт классического использования пикселя.
- Источник: Facebook;
- Гео: Индия;
- Оффер: NDA;
- Модель оплаты: CPA;
- Ставка по офферу: $35;
- Период: 04.01.24 – 21.01.24;
- Потрачено: $ 14,184;
- Получено: $ 41,370;
- ROI: 300%;
- Inst2Reg: 1:2;
- Reg2Dep: 1:7.
Выводы
Как видите, PWA-приложения — хороший способ сбросить с себя целый груз проблем в виде постоянных банов и вылетов с Play Market. При этом сервисы аренды берут на себя пуши, трекинг, клоаку. За счёт этого PWA позволяют арбитражнику заниматься основной работой — поиском связок, тестированием и настройкой рекламы, не отвлекаясь на техническую часть.
Кстати, переходите в наш ТГ-канал — рассказали там о полезной фиче Ads Manager.