Пошаговый мануал по сборке и настройке собственного вебвью-приложения.
Предисловие
Если вы льете трафик с Фейсбука на арендные приложения и вас не устраивает, что сервису аренды приходится платить от 0.07 USD за инсталл, то эта статья для вас. В ней мы подробно разберем, как получить собственное приложение и при этом цена инсталла будет стоить всего 0.001 USD (в 70 раз дешевле аренды)!
Поможет нам в этом конструктор https://webview.app, у которого недавно появилось собственное решение по работе с FB.
Созданное приложение будет поддерживать всё необходимое для работы:
- полную уникализацию кода;
- пуши;
- оптимизацию по событиям (постбэки);
- различные режимы работы (нейминг, диплинки, по гео, сбор органики, всё вместе), которые можно настроить неограниченным количеством правил (потоков).
Что еще нам понадобится для приложения?
- Аккаунт разработчика Google Play. Его можно купить у сторонних селлеров, во внутреннем магазине конструктора (если есть в наличии) или зарегистрировать самостоятельно (видео-мануал).
- Заглушка. Это та часть приложения, которую видит модератор. Конструктор поддерживает в качестве заглушки 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
Если будут возникать вопросы — пишите Ивану @ivan_webview
И подписывайтесь на телеграм-канал сервиса @webview_news