Commandos Team на связи, всем привет! Мы уже писали про приложения для гемблинга и даже рассказывали о мини-аппсах в Telegram. Давайте подробнее остановимся на PWA — сегодня это самая удачная технология для залива на гемблинг.

PWA (Progressive Web App) — это технология имитации мобильного приложения. Пользователь устанавливает ярлык на свой смартфон. Нажатием на этот ярлык открывается сайт в браузере или в оболочке, сильно напоминающей мобильное приложение. Сам веб-ресурс тоже выглядит как прилка за счёт кнопок, джойстиков и прочих интерактивных элементов, характерных для mobile apps.

Не так давно пользователи относились к PWA с некоторым недоверием. Но сейчас они уже не считаются чем-то подозрительным — технологию используют и крупные ресурсы, например, Pinterest.

PWA: как их делают и как через них лить трафик?

Почему PWA — лучшее решение для гемблинга сегодня?

Во-первых, они проще в разработке, чем Webview и классические прилы. Да и для арендаторов их аренда обходится дешевле. 

PWA: как их делают и как через них лить трафик?

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 делают так.

  1. Запускают командную строку (нужно, чтобы был установлен Node.js). После создают React-приложение с флагом –template:

npx create-react-app my-pwa-app –template cra-template-pwa

cd my-pwa-app

npm start

  1. Шаблон 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);

    });

  });

}

  1. В React по умолчанию присутствует манифест manifest.json, который необходимо настроить и прописать в него нужные параметры. Код манифеста и название файла уже приведены выше — в них просто корректируют параметры и добавляют нужный URL.
  2. Чтобы активировать PWA, в src/index.js нужно убедиться, что строка serviceWorkerRegistration.register(); не закомментирована.

В результате React-приложение работает как PWA!

Если вы не разраб, мы рекомендуем пользоваться арендой PWA, а не пытаться их кодить самостоятельно. Вот в каких сервисах можно арендовать PWA:

Как заливаться + пара кейсов

Для залива на PWA понадобятся:

  • Креативы. Можно использовать и довольно агрессивные крео, если позволяет траст рекламного аккаунта;
  • Клоака и антидетект, если заливаемся с Facebook;
  • Страница, имитирующая Play Market;
  • Пуш-уведомления для дожима игроков.

PWA: как их делают и как через них лить трафик?

Примеры крео, которые использовались под 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 в кейсе не приводится.

PWA: как их делают и как через них лить трафик?

Источник кейса.

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: как их делают и как через них лить трафик?

Источник кейса.

Выводы

Как видите, PWA-приложения — хороший способ сбросить с себя целый груз проблем в виде постоянных банов и вылетов с Play Market. При этом сервисы аренды берут на себя пуши, трекинг, клоаку. За счёт этого PWA позволяют арбитражнику заниматься основной работой — поиском связок, тестированием и настройкой рекламы, не отвлекаясь на техническую часть.

Кстати, переходите в наш ТГ-канал — рассказали там о полезной фиче Ads Manager.

Loading