webview webview написал 10.08.2022

Как сделать своё webview-приложение для Facebook с ценой инсталла 0.001 USD?

webview webview написал 10.08.2022
8 мин
0
1099
Содержание
Пошаговый мануал по сборке и настройке собственного вебвью-приложения.

Предисловие


Если вы льете трафик с Фейсбука на арендные приложения и вас не устраивает, что сервису аренды приходится платить от 0.07 USD за инсталл, то эта статья для вас. В ней мы подробно разберем, как получить собственное приложение и при этом цена инсталла будет стоить всего 0.001 USD (в 70 раз дешевле аренды)!

Поможет нам в этом конструктор https://webview.app, у которого недавно появилось собственное решение по работе с FB.

Созданное приложение будет поддерживать всё необходимое для работы:
- полную уникализацию кода;
- пуши;
- оптимизацию по событиям (постбэки);
- различные режимы работы (нейминг, диплинки, по гео, сбор органики, всё вместе), которые можно настроить неограниченным количеством правил (потоков).


Что еще нам понадобится для приложения?


  1. Аккаунт разработчика Google Play. Его можно купить у сторонних селлеров, во внутреннем магазине конструктора (если есть в наличии) или зарегистрировать самостоятельно (видео-мануал).
  2. Заглушка. Это та часть приложения, которую видит модератор. Конструктор поддерживает в качестве заглушки HTML-сервисы и HTML5-игры. Как делать заглушки можно почитать ЗДЕСЬ.


Собираем приложение


В кабинете конструктора webview.app в разделе «Приложения» нажмите кнопку создания нового приложения.


Откроется окно, в котором заполните информацию о приложении.

1-я вкладка «Основное»:
- категория
- название приложения (отображается на рабочем столе телефона под иконкой)
- бандл (система может сгенерировать сама)


2-я вкладка «Иконка и заставка»:
- иконка приложения
- заставка, которая отображается при запуске прилы


3-я вкладка «Контент»:
Здесь загружаем архив с заглушкой и указываем ориентацию, в которой ваша заглушка будет корректно отображаться. Например, если HTML5-игра требует горизонтальной ориентации устройства — указываем «Горизонтальная».


4-я вкладка SDK:
Для того, чтобы можно было лить с FB по неймингу и в рекламе настраивать оптимизацию по конверсиям, нам необходимо заполнить все поля Facebook SDK.
Для начала активируем SDK, поставив соответствующую галочку:


Чтобы получить все необходимые данные для заполнения полей формы, нам необходимо новое приложение добавить в аккаунт разработчика Facebook.
Для этого регистрируем аккаунт разработчика Facebook и создаем там приложение.

Из созданного приложения забираем ID и секрет этого приложения:


А также «Маркер клиента» (Настройки - Дополнительно — Безопасность):


Вставляем полученные данные в поля конструктора


В этой же вкладке конструктора можно активировать SDK One Signal (для пушей) и диплинки (для подстраховки при работе по неймингу).

Теперь сразу переходим в 5-ю вкладку «Подпись приложения»:
Здесь нажимаем кнопку «Создать» и заполняем форму создания ключа для подписи приложения. Желательно заполнять данными аккаунта разработчика Google Play, в который это приложение будет загружаться.


Когда ключ сформирован, можем уже сразу переходить к сборке приложения.
Для этого напротив приложения выбираем «Сборки»


и собираем приложение


Когда статус сборки станет «Собрана» (обычно это 6-8 минут при отсутствии очереди) — приложение готово к заливке в стор.


Загружаем приложение в Google Play


Нажимаем на иконку скачивания, чтобы скачать собранный файл AAB.


Его мы и будем грузить в Google Play.
Как загрузить собранное приложение в Google Play вы можете посмотреть в этом видео на YouTube - https://youtu.be/kbw2nQbUbGU


Если всё сделано правильно, то спустя примерно 5 дней приложение пройдет модерацию.

Настраиваем приложение для нейминга


Чтобы в приложении работал нейминг, после модерации нужно зайти в аккаунт разработчика Facebook и добавить в приложении платформу Android, указав в полях:
Название пакета:
BundleID вашего приложения (например - com.app.name)
Название класса:
BundleID.MainActivity (например — com.app.name.MainActivity)


Здесь же копируем «ключ расшифровки источник перехода для установки» и вставляем его в настройках SDK Facebook:


Теперь наше приложение готово к заливу трафика!


Создаём правила (потоки) для показа оффера по неймингу.


Чтобы начать лить трафик с Фейсбука по неймингу, необходимо создать правила показа оффера.

Напротив приложения нажимаем кнопку «Правила»


На открывшейся странице нажимаем «Создать правило», затем в условиях нажимаем «Изменить» и задаем, например:
- если название кампании начинается с FirstAPP
- и страна есть в списке: RU, UA, KZ
- тогда показать ссылку https://offer1.com

Выглядеть это будет так:





Расшариваем приложение на рекламный аккаунт и запускаем рекламу.


У нас почти всё готово к проливу трафика!
Теперь расшариваем на свои рекламные аккаунты это приложение, указывая идентификаторы рекламных аккаунтов в кабинете разработчика Facebook.


А при создании рекламных кампаний указываем в их названии нейминг из наших правил FirstAPP.
Теперь, если инсталл пришел с этим неймингом и гео инсталла соответствует перечисленным в условиях правил — откроется вместо заглушки ссылка нашего оффера.



Более подробно о том, как пользоваться правилами и как формировать нейминг и диплинк написано в справке конструктора WebView.app:
Как работают правила - https://my.webview.app/help/52
Как формировать нейминг и диплинк - https://my.webview.app/help/55
Как настроить постбэки для оптимизации за конверсии - https://my.webview.app/help/28
Как рассылать пуши - https://my.webview.app/help/48
Теперь вы умеете делать свои приложения. Поздравляем!
Если будут возникать вопросы — пишите Ивану @ivan_webview
И подписывайтесь на телеграм-канал сервиса @webview_news

Здравствуйте! У вас включен блокировщик рекламы, часть сайта не будет работать!