О WebView мобильных приложениях
Операционная система «Andriod» имеет встроенный компонент «WebView», позволяющий встраивать веб-страницы в мобильные приложения. На основе данной технологии осуществляется быстрая сборка гибридных Android-приложений, использующих в качестве источника контента мобильную версию сайта. Для полноценной реализации достаточно написать легкое нативное приложение с меню и подключить к нему сайт через компонент «WebView».
Для чего это нужно?! Различные предприятия и компании, выпуская какие-либо продукты или сервисы на рынок, выполняют реализацию сайта и мобильного приложения. Разработка нативного Android-приложения занимает много времени и связана с высокими издержками. Чтобы ускорить и удешевить процесс, имеет смысл реализовать «гибрид», который будет задействовать в работе страницы веб-сайта. Несмотря на ограниченный функционал и зависимость от интернета, подобного приложения бывает вполне достаточно для предварительного тестирования и оценки со стороны интернет-пользователей.
Какие преимущества и недостатки у «WebView» Android-приложений? Плюсами служит быстрая и дешевая реализация по сравнению с нативными продуктами. К минусам можно отнести зависимость от интернета, более долгая скорость загрузки контента, ограниченный функционал.
Отдельно можно выделить проблемы с безопасностью с точки зрения пользователя. Мобильные приложения на основе компонента «WebView» имеют доступ к конфиденциальной информации и персональным данным. Всегда возникает риск их недобросовестного использования и/или утечки.
Ранее, приложения на основе «WebView» можно было разрабатывать и для пользователей платформы «iOS», но компания «Apple» запретила их распространение в официальном магазине «AppStore». Таким образом, реализовать подобным образом iOS-приложение можно, но на следующей стадии возникнет проблема с его распространением.
Webview приложение для сайта
Как и обещал — я продолжаю поддерижвать этот курс и буду обновлять эти материалы, дополнять их или более подробно обозревать те моменты, по которым у вас было больше всего вопросов. Вы очень просили более подробно рассмотреть вопрос создания и компиляции приложения через Android Studio. Давайте рассмотрим каждый шаг в подробностях и со скриншотами, чтобы уже точно ничего не упустить из виду, поехали.
Запускаем консоль и создаём новый проект.
Выбираем новый шаблон — Empty Activity
При создании название приложения не должно содержать кириллицы, сменить название можно будет потом в файле strings.xml
в AndroidManifest.xml добавляем:
Чтобы работали сайты с http нужно добавить:
Для сохранения состояния при поворте экрана в тег activity нужно добавить:
Копируем содержимое app\ src \main\res\layout\activity_main.xml в соответствующий файл нового проекта:
Из папки app \ src \ main \ java \ com \ stdio \ webview копируем java файлы:
в MainActivity меняем слово « webview «, подсвеченное красным на соответствующую соста вляющую пакета, в данном случае это « test_bonus»
То же самое в MyWebViewClient
Ссылка хранится в переменной URL_STRING MainActivity
Что такое WebView приложения и как с них лить трафик на дейтинг
Арбитражники используют разные подходы к сливу трафика на дейтинг-офферы. Многие из них связаны с инструментами обхода модерации. «Лёгкие» знакомства рекламные сети разрешают, а вот когда речь идёт о «жёстком» дейтинге с явным сексуальным подтекстом, перевести кампанию в статус активной очень сложно.
К примеру, в Facebook для рекламы знакомств надо получить специальное разрешение. Для этого FB просит рекламодателей заполнить форму и ждать ответа. Заявки рассматривают в течение 30 дней и нет гарантий, что по ней будет положительный результат.
Не секрет, что многие арбитражники используют инструменты маскировки, чтобы обмануть алгоритмы рекламных сетей. Мало кто будет заполнять заявкк и ждать, пока система пришлёт автоматический отказ. Одним из популярных вариантов является WebView-приложение, которое помогает скрыть от модераторов оффер и выдать прилу за кристально чистый продукт.
Что такое приложение WebView?
WebView-приложения — тренд последних нескольких лет, который докатился ещё не до всех арбитражников. Вместо того, чтобы протестить работу с Google Play и App Store, вебы тратят время на Facebook и другие сетки. Они запускают клоаки, успешно льют трафик несколько дней, а потом получают бан.
Работа с вебвью приложениями не такая простая, как может показаться при первом знакомстве. Google Play может дать «зелёный свет» на базовую модерацию, а через время пришлёт уведомление о нарушении политики распространения контента и на этом работа закончится.
К примеру, очень часто приложения исключают из каталога за «скопированное содержимое». Если при создании аппа разработчик использовал неуникальные текстуры или скины, система вряд ли разрешит продукту получать органические охваты.
WebView — стандартный компонент, который отвечает за открытие ссылок внутри приложения. Вспомните момент, когда переходите по ссылкам на Facebook и разберите его по шагам. Открывается встроенный браузер, который перекрывает интерфейс приложения, и до выхода из него попасть обратно в соцсеть не получается.
Компонент работает в приложениях многих популярных социальных сетей. В Инстаграме и Фейсбуке он тоже есть. Поэтому создание WebView-приложения — стандартная задача для многих вебмастеров, из которой можно извлечь профит при правильном подходе.
WebView является родным элементом для всех пользователей соцсетей и они по умолчанию нейтрально к нему относятся. А значит, будут реагировать на оффер, когда увидят его в браузере. Проблема лишь в том, чтобы успешно пройти модерацию и получить трафик.
Если рассматривать вебвью исключительно как инструмент арбитражника, то в приложения зашиваются ссылки на офферы или смартлинки. Под них подготавливаются небольшие лендинги, заточенные под оффер.
Логика работы WebView максимально простая:
Последние несколько лет вебвью превратились в незаменимый инструмент для арбитражников, которые плотно работают с дейтингом и гемблой. Совмещение нескольких вертикалей позволяет диверсифицировать риски. Если забанят прилу под дейтинг, останётся ещё казиношка.
Защититься от банов на 100% невозможно. Часто бывает так, что модераторы мобильных маркетплейсов, режут качественный продукт и пропускают явно сырой апп, который сделан на коленке. Понять логику аппрува очень сложно — проблемы возникают даже у опытных арбитражников.
Принцип работы WebView-приложения для сайта максимально простая. Прила делится на две стороны: белая показывается модерам и всем нецелевым юзерам, а серая доступна только пользователям, которые могут быть заинтересованы в рекламе.
Если что-то пошло не так и модеры увидели оффер, не надо быть Вангой, чтобы предсказать исход по вопросу аппрува. Кроме отказа от добавления аппки в общий доступ может прилететь перманентный бан. Это случается не так часто, но если оффер «жёсткий», шансы на блокировку сильно повышаются.
Центральная часть любого вебвью — алгоритм анализа юзера после инсталла. Боты и модеры не должны увидеть ничего лишнего, а обычные пользователи сразу получают ссылку на оффер. Если вдруг система даст сбой, шансы на выживаемость прилки уменьшатся.
Многие вебы юзают запасные варианты, чтобы защититься от быстрой блокировки. Они ведут трафик на лендинги под прилы и предлагают загрузить установщик в обход Google Play и App Store. Провернуть трюк с Android устройствами вполне реально, а вот с «яблочниками» сделать это практически нереально.
Пользователи Андроид часто включают установку из сторонних источников, чтобы поставить прилы, которые не могут попасть в Google Play из-за политики размещения контента. Аналогичная ситуация с разлоченными аппами, за которые мало кто хочет платить, но не против юзать премиум версию.
В теории, продвинуть прилу, размещенную на сайте веба, через рекламные сети вполне реально. Но большинство площадок положительно относятся к рекламе аппок из Google Play и App Store. Поэтому придётся использовать обходные методы, чтобы получить целевой трафик и не попасть под блокировку.
Инструкция по использованию приложения WebView
Мы уже говорили, что вебвью прила делится на две части. Первая — внешняя оболочка с иконкой, названием и небольшим количеством графики. Эта часть помогает пройти модерацию в рекламных сетях и при правильном подходе не должна вызвать подозрения у алгоритмов и живых модеров.
Вторая часть — небольшая страница, которая встраивается в приложение для перенаправления трафика на оффер. Попасть на одностраничник можно и посредством ввода адреса в браузере, но обычно арбитражники не заморачиваются с выбором доменов и покупают адреса с наборами произвольных символов.
Многие пользователи закроют аппку, если увидят в адресной строке подозрительный домен. Они поймут, что их пытаются обмануть и быстро избавятся от подозрительной прилы. Поэтому надо замаскировать страницу под сайт и показать продукт «лицом».
Конверсия WebView-приложения для слива трафика на дейтинг зависит от многих факторов, но сильнее всего от попадания в целевую аудиторию. К примеру, если арбитражник успешно залил прилу в Google Play и запустил открутку рекламы в Google Ads, на результат влияет правильность настроек рекламного аукциона.
В центре прилы лежит ссылка с отслеживающими параметрами из партнёрки, которая позволяет отслеживать взаимодействие с лендом оффера. Получить её можно после подключения к любому релевантному офферу. Обязательно проследите, чтобы стата собиралась корректно, иначе можете остаться без лидов.
Есть два основных варианта работы с прилками под дейтинг, гемблинг и другие офферы, подходящие под WebView. Первый — разработка приложений с нуля. На это уходит гораздо больше денег, чем при использовании второго варианта — аренды аппок.
При любом раскладе, главная задача заключается в том, чтобы пропихнуть прилу в Google Play. Про App Store мы сейчас не говорим, потому что это вариант для любителей хардкора. Модерация в «яблочном» маркетплейсе более жёсткая и продвинуть свой продукт, тем более серый, очень сложно.
Конечно, исключения из правил есть, но поставить подход на поток точно не получится. Рано или поздно алгоритмы спалят оффер или модеры докопаются до истины. Да и затрат на подготовку прилки под iOS гораздо выше. Даже если создавать её на основе шаблона в конструкторе, затрат на графику не избежать.
На этапе развития WebView-приложений их юзали преимущественно под дейтинг, но позже арбитражники смогли добавить в список гемблу, крипту, беттинг и даже нутру. Фишка в том, что надо делать ставку на продукты массового потребления. К примеру, если прила будет получать органические охваты в Google Play, надо чтобы оффер заинтересовал любого человека, который решит установить её на свой телефон.
Секрет создания успешных WebView-приложений заключается в подготовке качественной заглушки. Независимо от вертикали и подхода к сливу трафика, если хотите чтобы прила прожила как можно дольше, не экономьте время и деньги на подготовку заглушки.
Главный совет для новичков — старайтесь сделать заглушку максимально релевантной. Например, размещать дейтинг-офферы в приложении «Крестики-нолики» максимально странно. Пользователи вряд ли положительно отреагируют на несоответствие тематик.
Неважно, что собираетесь продвигать: дейтинг, микрозаймы, ставки или казино, приложение должно быть релевантным офферу и содержать контент, который будет посылать аудитории соответствующий сигнал.
Нет гарантий, что приложение успешно пройдёт модерацию, но релевантная заглушка увеличивает шансы на принятие положительного решения. Поэтому при подготовке технического задания обязательно сфокусируйте внимание дизайнера и разработчика на релевантности заглушки офферу.
Структура идеальной прилы-заглушки:
Модераторы каждый день проверяют тысячи приложений и с первого взгляда могут отличить качественную прилу от аппа, созданного на коленке. Поэтому если рассчитываете на долгосрочный положительный результат, придётся сильно заморочиться.
Понятно, что тратить на разработку пару тысяч вечнозелёных долларов нет смысла. Затраты вряд ли окупятся, если это первый опыт прохождения модерации с WebView-приложением. Хотя если с оффером дела пойдут плохо, можно зарабатывать на внутриигровых покупках.
Новичкам лучше создать 5-10 прил, пободаться с модерацией и получить полезный опыт. Через время к ним придёт понимание процесса и со временем получится создать идеальное приложение под гемблинг или другие ниши.
Как создать приложение
Есть несколько вариантов разработки приложения. Можно использовать конструкторы и спроектировать скелет самостоятельно. Или отдать задачу разработчику, чтобы он создал прилу по ТЗ. В каждом случае результат будет одинаковым — заглушка для модеров и страница с оффером для целевой аудитории.
На рынке есть готовые наборы графики для создания игр. Юзать их гораздо выгоднее, чем создавать текстуры и другой медиаконтент с нуля, поэтому стоит присмотреться к релевантным наборам. По наблюдениям опытных арбитражников, шаблонная графика нормально проходит модерацию.
Если хотите поручить разработку стороннему прогеру, убедитесь в его надежности. Вебам, которые не шарят в технических нюансах, придётся выложить кодеру весь план, и без уверенности в том, что он сделает всё как надо, продвинуться дальше по цепочке не получится.
Тем, кто хочет вникнуть в создание приложений самостоятельно, проще всего генерить прилы через специальные конструкторы или освоить более крутые вещи вроде движка Unity. Кстати, он подходит для создания продуктов под Android и iOS одновременно и здорово уменьшает количество рутинных задач.
Аренда приложения
На рынке мобильного CPA-маркетинга постоянно появляются новые варианты для добычи трафа. Например, относительно недавно арбитражники смогли получать прилы за трафик. А вот аренда приложений появилась относительно давно и не считается чем-то сверхъестественным.
Главная проблема при аренде прил заключается в том, что нет доступа к исходному коду. Обычно вебы берут аппки в аренду и просят продавца зашить нужную ссылку в интерфейс. Если их не кинут на этапе договоренностей — уже хорошо, но селлер может перенаправить траф по своей ссылке и спокойно зарабатывать.
На рынке много кидал, которые разными способами выманивают деньги у доверчивых арбитражников. При аренде прил с рук старайтесь по максимуму проверить продавца. После отправки перевода, обратного пути уже не будет.
Лучше не брать приложения с рук, а юзать проверенные сервисы. В RU сегменте несколько авторитетных селлеров с хорошей репутацией. Один из них — Multi.app, который предлагает аренду WebView-приложений и избавляет от необходимости делать приложения под дейтинг вручную.
Сервис работает по модели подписки и даёт массу преимуществ:
Процесс подключения сводится к 3 шагам: получение ссылки на оффер, добавление URL в поток приложения, запуск рекламных кампаний. С регистрацией в сервисе периодически возникают проблемы из-за отвалившегося POST-запроса, поэтому можно дернуть менеджера в любом мессенджере.
В качестве альтернативы Multi.App можно юзать сервис Magicapps. У ребят есть готовые шаблоны под гемблинг, дейтинг, микрокредиты, криптовалюту, беттинг, свипстейки, нутру и возможность создавать нестандартные прилы.
Плюсы и минусы приложения WebView
Опытные арбитражники знают обо всех преимуществах и недостатках вебвью, но всё равно юзают инструмент. Потому что при правильном подходе он может приносить стабильный доход без больших вливаний в рекламные сетки.
В редких случаях удаётся получить ощутимый органический трафик и привлекательность WebView-приложений увеличивается ещё сильнее. Это возможно только при грамотной оптимизации, но возможность существует.
Если кажется, что скачать WebView-приложение из Google Play обычному пользователю практически невозможно, то сильно ошибаетесь. Пропихнуть заглушку через модераторов не так просто, но многие прилы могут оказаться всего лишь прикрытием для слива трафа.
Главное не торопиться с размещением приложения в маркетплейсах. Если создали первую аппку и пытаетесь в тот же день отправить её на модерацию, можете быстро получить реджект. С арендованными прилами обычно таких проблем нет.
Создать качественную заглушку и заюзать клоаку с грамотной настройкой параметров.
Использовать конструктор или бесплатную версию движков, но всё равно придётся заплатить за аккаунт разработчика в маркетплейсах.
От качества заглушки и страницы с оффером. Максимально адаптируйте прилу под оффер и следите за показателями.
Как создать простое WebView-приложение
WebView-приложение – это сайт внутри приложения. С его помощью арбитражники сливают на гемблинг, дейтинг, криптовалюту, товарку и другие вертикали. Сейчас создадим простое WebView-приложение для арбитража трафика.
Установка и настройка Android Studio
Скачиваем Android Studio с официального сайта developer.android.com/studio. Устанавливаем программу на компьютер. Все настройки оставляем по умолчанию.
После установки запускаем Android Studio. Программа предложит установить Android SDK. На этом этапе выбираем путь на английском языке.
Если выберем путь, в котором будут русские буквы, программа покажет ошибку.
Выбираем путь, нажимаем «Next». Дальше нажимаем «Finish». Начнется установка Android SDK на компьютер.
После установки Android SDK на стартовой странице программы нажимаем на Configure. Выбираем SDK Manager.
В открывшемся меню переходим во вкладку Android SDK (Appearance & Behavior → System Settings).
Снимаем галочку с Android 11.0 (R). Ставим галочку на Android 10.0 (Q). Переходим во вкладку SDK Tools.
Ставим галочку напротив следующих пунктов: Android Emulator, Android SDK Platform-Tools, Intel x86 Emulator Accelerator (HAXM installer). Нажимаем Apply.
Нажимаем Ok и принимаем пользовательское соглашение для каждого пакета.
Во время скачивания может открыться окно, в котором необходимо выделить максимальное количество оперативной памяти для запуска эмуляторов.
Указываем и нажимаем Next.
Теперь пропишем переменная среды на компьютере и в Android Studio. Для этого нажимаем правой кнопкой мыши на «Мой компьютер». Выбираем «Свойства».
Нажимаем на «Дополнительные параметры системы» и выбираем «Переменные среды».
В поле «Переменные среды пользователя для User» нажимаем «Создать».
Указываем имя переменной ANDROID_SDK_ROOT и значение переменной (пример: D:\твоя папка\AndroidStudioSDK). Нажимаем «ОК».
Создадим ещё одну переменную. Указываем имя переменной ANDROID_SDK_HOME и путь (пример: D:\твоя папка\ AndroidStudioProjects).
Возвращаемся в Android Studio. Нажимаем на Configure и открываем Settings.
Переходим во вкладку Path Variables.
Создаём переменные среды, нажав на плюс.
Указываем имя переменной ANDROID_SDK_ROOT и значение переменной (пример: D:\твоя папка\AndroidStudioSDK). Нажимаем «ОК».
Создадим ещё одну переменную. Указываем имя переменной ANDROID_SDK_HOME и путь (пример: D:\твоя папка\ AndroidStudioProjects).
Нажимаем Apply и OK.
Теперь создадим виртуальную машину. Для этого нажимаем на Configure и открываем AVD Manager.
Нажимаем Create Virtual Device.
Выбираем модель телефона и скачиваем на компьютер.
Программа готова к работе. Переходим к созданию первого WebView приложения.
Создание WebView приложения
Открываем стартовую страницу программы. Создадим новый проект. Для этого нажимаем на Create New Project.
Выбираем стандартный шаблон Empty Activity.
Называем проект. Выбираем язык программирования Java и Minimum SDK (минимальная версия Android, которое будет поддерживать приложение).
Переходим в папку manifest и открываем файл AndroidManifest.xml.
Прописываем разрешения для доступа в интернет.
Перед application пишем код:
Переходим в res → layout. Открываем файл activity_main.xml.
Если нет кода, нажимаем Split в правом верхнем углу.
Удаляем стандартный текст кода.
Вместо него вставляем следующий код:
Находим в папке java файл MainActivity.
Внутри скобок метода @Override вставляем код:
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl(«https://cpa.rip/»);
WebViewClient webViewClient = new WebViewClient() <
@SuppressWarnings(«deprecation») @Override
public boolean shouldOverrideUrlLoading(WebView view, String url) <
view.loadUrl(url);
return true;
>
@TargetApi(Build.VERSION_CODES.N) @Override
public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) <
view.loadUrl(request.getUrl().toString());
return true;
>
Открываем файл AndroidManifest.xml. В конце тега application прописываем следующий код:
android:configChanges=»orientation|keyboardHidden|screenSize»
Он нужен для того, чтобы при повороте экрана приложение не обновлялось.
Если отключен автоматический импорт классов, делаем всё руками. Находим выделенные красным цветом фрагменты кода, наводим курсор и в сплывающей табличке нажимаем на Import class.
У всех созданных приложений по умолчанию стоят стандартные иконки. Чтобы их изменить, необходимо нажать правой кнопкой мыши на папку Res выбрать пункт New и перейти в Image Asset.
В графе Path нажимаем на иконку папки. Находим файл, который будем использовать в качестве иконки приложения.
Нажимаем Next и Finish.
Теперь посмотрим, работает ли приложение. Запускаем эмулятор.
Если всё хорошо, приложение запуститься.
Простое WebView приложение готово. Теперь создадим APK-файл.
В меню нажимаем на Build и выбираем Generate Signed Bundle/APK…
Выбираем APK и нажимаем Next.
Так как мы впервые создаём приложение, необходимо создать файл хранилища ключей для подписи приложения. Для этого в поле Key store path выбираем Create new.
В открывшемся меню в поле Key store path нажимаем на папку справа. Придумываем название. Дальше указываем пароли.
Ниже заполняем Имя, Фамилию, название компании, организации, город, регион, код страны в формате XX.
Нажимаем OK и Next.
В поле Destination Folder указываем путь, куда сохранить APK-файл. Ниже выбираем release и ставим обе галочки внизу.
Пождём несколько минут. В программе появится уведомление о готовности APK-файла.
Простое WebView-приложение готово к работе.