В этой статье мы собрали пошаговый курс по созданию мобильных webview приложений для facebook, google, своего сайта, а так же под арбитраж трафика.
Чтобы не пересохранять информацию и собирать ее в 1 архив, мы просто укажем ссылки на конкретные уроки от Эвика и команды CPAru.
По мнению редактора, это максимально полный и полезный курс для создания своих мобильных webview приложений для Android и iOS.
Содержание:
?Урок 1 — первые шаги в создании мобильного приложения
В рамках этого урока вы сделаете первые шаги в создании своего приложения, а так же сможете понять, что прилки это не только «арбитраж трафика», с помощью курса вы научитесь создавать приложения под абсолютно белые проекты.
Полностью белая тема
Разумеется, если вы выберете для своего проекта адалт тематику или агрессивное продвижение — риски схватить бан или запороть проект есть всегда, но мы всё покажем на белом примере, дополнительно пролив свет и на серые способы продвижения и тематики.
- Без регистраций кучи аккаунтов
- Без банов поисковых систем и маркетплейсов
- Без рисков попасть под фильтры и пессимизаию
После долгих годов работы с трафиком любой рано или поздно устаёт бодаться с системой, банами и ограничениями. Спустя года — каждый вебмастер захочет сделать хороший и качественный проект для себя и для души. Строить его — как свой дом, растить — как дерево, и возможно даже любить — как своего сына! ?
Именно созданию такого проекта и будет посвящена эта серия уроков. Для себя я определил несколько категорий, которые способны приносить хороший трафик и лиды: нишевые поисковики, каталоги, агрегаторы и рейтинги.
Из удачных примеров можно взглянуть на edadeal.ru или bankiros.ru — они сделаны из листинга, имеют мобильные приложения, продвигаются за счёт SEO и ASO, отлично работают как лендинги для прямого слива трафика.
Таким образом, мы с вами разом убьём сразу трёх зайцев на примере этого комплексного продвижения, и в результате получим белый перспективный проект генерирующий лиды и трафик, с собственным приложением.
Примеры листингов, которые помогут составить представление — на что может быть похож ваш проект. Эти примеры отлично показывают, как широко можно развивать эту историю, всё зависит от выбранной лично вами ниши.
- Деливери клаб — пример чего-то нишевого и специального
- Авито — как пример каталога разных тематик в одной доске
- Яндекс.Маркет — как пример чего-то масштабного и глобального
В нашем случае, мы сделаем что-то попроще и не будем конкурировать с такими гигантами как авито, но сама тема в целом ограничивается лишь вашими амбициями и ресурсами. В первую очередь необходимо будет создать само приложение.
Зачем делать приложение для Facebook?
Собственное приложение опубликованное на play.google.com поможет лучше взаимодействовать с другими рекламными кабинетами. Поскольку у площадки play.google.com существует собственная модерация. Опубликованные проекты уже прошли проверку и имеют большую степень доверия у рекламных сетей, среди которых есть и Facebook
Зачем делать приложение для Google Play?
Приложение можно оптимизировать внутри каталога приложений play.google.com и получать органический трафик с поиска или рекомендаций. Установленные приложения способны дополнительно отправлять уведомления на устройство и привлекать ещё больше трафика, либо информировать посетителей сайта о новых обновлениях или пополнении каталога
Зачем делать приложение из сайта?
Поисковая оптимизация страниц вашего сайта будет давать отличный трафик в большом количестве, а SEO куда понятнее и проще чем ASO. Если вы не занимались ни тем, ни другим — вам проще будет освоить поисковую оптимизацию для сайта, а уже затем оптимизацию приложения в каталоге.
- SEO — оптимизация страниц сайта
- ASO — оптимизация приложения
Приложение, созданное на основе web-сайта — проще редактируется и изменяется. Вам не нужно будет каждый раз компилировать и перезаливать в каталог свое приложение, все изменения в web-версии автоматически будут появляться в вашем WebView приложении. Кроме того, есть готовые инструменты по компиляции таких приложений.
Сами изменения делаются через удобный визуальный блочный редактор, с помощью которого вы сможете реализовать все свои потребности без знания языков программирования, вам не потребуется лезть в консоль и писать код, всё делается через drag-and-drop.
Веб версия аналогично своей android версии приложения может отсылать уведомления своим пользователям. Вы можете самостоятельно управлять рассылкой и информировать пользователей призывая их повторно посетить ваш сайт или приложение, либо дополнительно монетизировать свой трафик делая тематические рассылки, или же вовсе подключить базу к рекламной сети и продавать клики по уведомлениям в автоматическом режиме.
?Урок 2 — создание приложения, сборка и выбор тематики
В прошлом уроке мы получили готовый шаблон, из которого можно собрать уже что-то интересное, но всё равно внешний вид далёк от идеала. В этом уроке исправим дело и наполним всё содержимым.
В прошлый раз мы получили готовый шаблон, из которого можно собрать уже что-то интересное, но всё равно — пока сайт и близко не похож на то, что нам нужно. Чтобы исправить это недоразумение перейдите в раздел «Внешний вид«, вкладка «Import Demo Data«, и нажмите синюю кнопку «Import Demo Data«.
Теперь можете перейти на свой сайт и если всё сделано правильно — он кардинально изменит свой внешний вид. Структура страниц превратится в листинг, появится раздел с поиском по объявлениям, визуально контент будет напоминать лендинг для ваших продуктов. Осталось определиться с тематикой проекта и заточить листинг под нужные вам категории.
Если вдруг у вас есть проблемы с поиском ниши или идей, могу накидать некоторых примеров, которые помогут направить ваш мыслительный процесс в нужном направлении и напридумывать собственных решений.
Im новое для приложений facebook. Недавно я создал webapp, который состоял из html и php. Но в последнее время я решил, что интеграция моего webapp в facebook будет полезна. Любые советы о том, с чего начать? Ive посмотрел на developers.facebook.com и смутился. Кажется, они находятся в процессе обновления. Я встречался с несколькими гидами, но там несколько лет назад. Это приложение будет работать полностью в facebook, и им, вероятно, придется переписать весь код. Любые руководства или предложения?
Тим, если вы хотите заняться работой с Facebook, вам сразу нужно знать, что они всегда находятся в процессе обновления. Это, как говорится, вы должны изучить некоторые терминологии Facebook, чтобы вы могли сделать больше исследований и выяснить, что вы хотите делать.
Приложения, которые запускаются в интерфейсе Facebook, называются Canvas Apps. Ваше приложение размещено на вашем собственном сервере, а Facebook просто добавляет iframe в свой интерфейс, который указывает на URL вашего приложения.
Еще один способ создать webapp, который использует ваш собственный дизайн, но по-прежнему использует единую систему входа из Facebook. Раньше это называлось Connect App, но теперь у них на самом деле нет имени. В принципе, вы можете использовать систему авторизации Facebook, чтобы вытащить пользовательские данные Facebook в свою собственную базу данных, что в основном устраняет необходимость в странице регистрации. Система авторизации предлагает пользователю разрешить вашему приложению получать конкретные данные о них — как только они авторизуют его, ваше приложение имеет доступ к тому, что пользователь разрешил делать.
Создаем приложение в Facebook для регистрации через соцсети
В базе знаний есть новая инструкция по этой теме
Инструкция по созданию собственного приложения для авторизации через Facebook.
1. В ПУ (Главная » Пользователи » Авторизация через социальные сети) активируем чекбокс “Использовать собственное приложение” и щелкаем по кнопке “Создать собственное приложение”:
2. Авторизуемся в Facebook и создаем приложение: https://developers.facebook.com/apps/
3. Вписываем название приложения (любое) и обязательно выбираем категорию “Приложение для страниц”:
4. Приложение успешно создано, теперь открываем вкладку “Settings”:
Указываем вашу стандартную доменную зону (1), e-mail для связи (2), добавляем платформу (3):
В открывшемся всплывающем окошке выбираем сайт:
Добавляем ваш сайт и сохраняем:
5. Открываем вкладку “Status & Review” и щелкаем по кнопке Yes/No (должно быть yes), подтверждаем действия — этот пункт важен, он нужен, чтобы другие пользователи могли регистрироваться (делаем приложение публичным):
6. Возвращаемся ко вкладке “Dashboard”, щелкаем по кнопке Показать app secret (2). Копируем app id и app secret:
7. Вставляем полученные данные в ПУ в соответствующие поля и сохраняем:
Готово! Мы создали и настроили наше приложение!
Ваши вопросы вы можете задавать в комментариях.
Network Media создает интересные и полезные приложения для Facebook, которые в ненавязчивой форме формируют лояльность к бренду, или, в случае разработки коммерческого приложения — увеличивают прибыль. Все просто: чем больше пользователю нравиться приложение, чем дольше он им пользуется, тем больше ему нравиться бренд или тайтл, тем больше он склонен приобрести услугу или товар.
Приложения для Facebook от Network Media вовлекают и увлекают пользователей. Мы закладываем в них позитивный «вирусный эффект» — пользователи с удовольствием делятся ими с друзьями.
Мы разрабатываем различные виды Facebook приложений, в частности это может быть:
- разработка игр для Facebook
- разработка промо-приложений Facebook
- разработка брендированных сервисов в Facebook
При разработке приложения для Facebook на данный момент доступны: Facebook Gameroom, Facebook Web и Facebook Instant Game
Если Вам требуется разработка приложения Facebook под мобильный мессенджер Facebook или разработка приложений, взаимодействующих с API Facebook мы можем разработать мобильное приложение.
Об основных преимуществах разработки приложений для социальные сетей от Network Media и Ваших выгодах можно узнать здесь.
Что Вы получите
Какие особенности имеет разработка приложений для Facebook на заказ
- Разработка/доработка идеи:достижение гармонии между брендом и приложением
Предоставите ли идею Вы или поручите ее разработку нам, в любом случае приложение будет гармонично связано с Вашим брендом/товаром/услугой. Это проще пояснить на примере. Допустим, Вы занимаетесь производством корпусной мебели. Значит, будущее приложение должно быть напрямую с ней связано. Это может быть конструктор, который позволяет самостоятельно смоделировать предметы интерьера или всю обстановку в квартире. Это может быть забавная игра, действие которой происходит в шкафах, стеллажах, столах и тумбочках.
Разрабатывая/дорабатывая идеи специалисты Network Media будут ориентироваться как на Ваши пожелания, так и на реалии рынка приложений, а также технических возможностей платформы Facebook. Мы не хотим создать еще одно приложение, мы хотим создать одно-единственное. Пускай конкуренты подражают Вам.
Мимо нашего внимания не пройдет и целевая аудитория Вашего бренда. Чтобы приложение пользовалось успехом, необходимо очень хорошо знать, для кого оно предназначено
- Графика:дизайн повышает популярность
Мы разработаем приложение в Facebook, которое привлечет пользователей не только своим содержанием, но и дизайном. Каким он должен быть — ярким, веселым или, наоборот, сдержанным, предельно функциональным? Ответ на этот вопрос зависит от целого ряда параметров. Главное то, что дизайн тоже будет работать на популярность приложения, а, значит, на популярность Вашего бренда/товара/услуги
- Повышение юзабилити:преимущества приложения — преимущества бренда
Мы создадим приложение в Facebook, которым будет максимально комфортно пользоваться. Это тоже пойдет в плюс Вашему бренду. Пользователи склонны воспринимать преимущества приложения как преимущества товара или услуги, которое оно продвигает
- Тестирование:проверка на прочность и симпатичность
Итак, Ваше приложение для Facebook почти готово. Осталось только проверить его в деле. Для этого специалисты Network Media проведут всестороннее тестирование. Мы выясним не только насколько корректно приложение работает, но и как оно воспринимается целевой аудиторией. По итогам тестирования будут внесены все необходимые коррективы
- Продвижение:популярность начинает с успешного старта
Чтобы после создания приложения для Facebook, оно завоевало популярность, необходимо дать ему хороший первоначальный старт — осуществить грамотное продвижение приложения в Facebook. Network Media располагает полным набором эффективных инструментов и методов продвижения.
Как заказать разработку приложения Facebook (FB.com)
Заказать создание приложения Facebook очень просто.
- Обрисовываете задачу, задаете уточняющие вопросы
- Достигаете с нами договоренности
- Работа над Вашим приложением начинается
Работаем с клиентами по всему миру!
Этот урок освещает процесс пошаговой регистрации приложения с интеграцией в Facebook.
Вы выполните эти шаги в вашем браузере на Facebook.com. Несмотря на то, что вы не будете писать код в этих шагах, вы можете использовать простой утилитарный проект для проверки их правильного выполнения. Инструкции по получению и запуску утилиты даны в конце этого урока.
Как стать Facebook разработчиком
Если у вас ещё нет учетной записи на Facebook, то перейдите по ссылке http://facebook.com и зарегистрируйтесь.
Затем перейдите по ссылке http://developers.facebook.com и нажмите кнопку «Register Now» вверху страницы.
Facebook проведет вас через ряд диалогов:
1.Примите условия: Accept the terms of Facebook’s Platform Policy and Facebook’s Privacy Policy.
2.Проверьте вашу учетную запись: укажите номер мобильного телефона, через который Facebook проверяет, что вы не использовали средства автоматического создания нескольких учетных записей. Facebook отправит вам код верификации, который вы введете в процессе регистрации.
3.Расскажите о себе: предоставьте краткую информацию о себе как о Facebook разработчике.
4.Поздравляем! Теперь вы Facebook разработчик.
После регистрации как Facebook разработчик, вы можете зарегистрировать новое приложение.
Регистрация нового приложения
На http://developer.facebook.com нажмите на кнопку «Apps» сверху страницы и перейдите на панель управления приложениями. Панель управления отображает список созданных разработчиком приложений. Пока вы не создали ни одного приложения, список будет пустым.
Нажмите на кнопку . В диалоговом окне введите название вашего приложения.
Название вашего приложения может быть почти любым, однако есть некоторые правила. К примеру, название не может содержать слова «Face» или «Book».
После нажания на кнопку «Continue», Facebook попросит пройти проверку на то, что вы не установили приложения через автоматизированные средства.
Единожды пройдя проверку, вы создали приложение. На следующей странице вы увидите страницу настроек вашего приложения.
На данной странице вы можете настроить различную информацию вашего приложения. Сделанный вами выбор зависит от того, какое приложение вы планируете построить и что вы хотите, чтобы оно делало.
Главной вещью на странице настроек является блок с полями App ID и App Secret. Эти значения являются идентификаторами вашего приложения в Facebook. Вам необходимо их помнить, чтобы совершать различные действия в Facebook, включая вход через OAuth авторизацию и работу с Facebook Graph API.
Проверка регистрации
Один из случаев, в котором вы можете использовать App ID и App Secret вашего зарегистрированного приложения, это получение информации о нем. Пример утилитарного приложения на GitHub собирает информацию о зарегистрированном приложении и отображает на консоли.
Клонируйте проект из GitHub:
Запустите утилиту, просто запустив её из командной строки с использованием Gradle
Или если используете Maven:
Либо запустить приложение прямо из Gradle:
Приложение попросит вас ввести App ID вашего приложения, затем спросит App Secret. Скопируйте и вставьте их из панели настроек.
После ввода этих значений, утилита сделает запрос к Facebook Graph API для получения некоторой информации о вашем приложении. На консоли вы должны увидеть нечто похожее на приведенный ниже текст:
Конечно, точность данный отличается, в зависимости от ответов, полученных от Facebook, когда вы зарегистрировали ваше приложение. Website URL значением является null, т.к. вы не выбрали настроить приложение как «Website with Facbeook Login».
Поздравляем! Вы зарегистрировали приложение на Facebook.
Это первый шаг в разработке приложения, которое интегрировано в социальный граф пользователей.
Для запуска рекламы мобильных приложений в Facebook необходима страница приложения, которая будет показана пользователям мобильного приложения Facebook в рекламном блоке.
Если у вас уже есть приложение в Facebook, следуйте шагам описанным ниже. Если же ваше приложение еще не добавлено в Facebook, воспользуйтесь нашей инструкцией.
Чтобы создать страницу для вашего приложения, перейдите по ссылке https://developers.facebook.com/apps/, затем выберите пункт «App Details» и в блоке «App Page» нажмите кнопку «Create New Page».
Затем, следуя рекомендациям Facebook, добавьте описание вашего приложение и оформите страницу.
После последнего шага в окне браузера откроется созданная вами страница. Нажмите на кнопку «Create Call to Action».
Выберите пункт «Use App» в селекте и добавьте ссылку на сайт приложения в поле «Website». Если у приложения нет отдельного сайта, укажите страницу приложения или сайт вашей компании.
Также необходимо добавить ссылку на ваше приложение в полях ниже (если ваше приложение доступно на платформе Android и iOS, то добавьте ссылки и на Google Play и App Store) и нажмите «Create».
Вернитесь на страницу «App Details», выберите в блоке «App Page» только что созданную вами страницу и нажмите «Save».
Готово — страница вашего приложения создана!
Программисты Фейсбука хорошо потрудились над тем, чтобы управлять бизнес-страницами было трудно, а информации по этой теме было мало.
Итак, задача: есть страница Бренда, на которую надо добавить под Cover новое приложение. Это позволит быстрее рассказать о приложении текущим подписчикам страницы.
Как же это сделать. Смотрите инструкцию под катом.
Дано:
- 1. Приложение для Facebook
- 2. Тип приложения: iframe
- 3. Вы являетесь администратором бизнес-страницы, на которую надо добавить Приложение.
Однако чтобы добавить это приложение на страницу Вашего бренда придется немного поломать привычную логику мышления.
Добавить приложение в Favorites на странице Бренда можно только через следующую схему:
1. Идем на developers.facebook.com и заходим на страницу Редактирования настроек приложения.
2. В разделе «Select how your app integrates with Facebook» выбираем еще один способ интеграции — Page Tab (Вкладка страницы).
3. Заполняем поля:
— Page Tab Name: Имя Вкладки
— Page Tab URL: — здесь надо указать полный урл к странице, которая будет показываться по клику на этот таб/иконку приложения на странице. Крайне желательно сделать простую картинку, которая сразу расскажет пользователю, куда он попал и что он должен сделать, чтобы перейти к приложению.
— Secure Page Tab URL: указываем тоже, что и в предыдущем пункте, только с протоколом https (обязательно с 1го Октября 2013 г.)
По желанию заполняем остальные поля (картинка, ширина включаемой страницы).
4. Сохраняем изменения. Ждем пару минут и переходим к пункту 5.
5. Добавляем приложение на бизнес-страницу
Копируем ссылку, где вместо YOUR_APP_ID подставляем Айди Вашего приложения в Фейсбуке, а вместо YOUR_URL подставьте, например, адрес Вашей бизнес-страницы на Фейсбуке.
Готовый урл надо скопировать, вставить в адресную строку браузера и перейти по нему.
В итоге у Вас появится окно:
в котором надо выбрать страницу, куда добавляем приложение.
Если Вы в этот момент авторизованы под Вашим бизнес-аккаунтом, Фейсбук предложит продолжить работу под Вашим персональным логином.
На этом мучение добавление закончится, приложение появится на Вашей бизнес странице прямо под изображением Cover.
Чтобы переместить приложение в этом списке выше, нажмите на иконку «шестеренка» рядом с этим списком и переместите приложение в нужное место.
Задача добавить приложение в Фейсбук может возникнуть по многим причинам. Это можно сделать очень быстро, главное, нужно знать, где искать администрирование приложений.
Передо мной стояла задача привязать приложение к Фейсбук возникла потому, что в плагине WP Quiz Pro от MyThemeShop с помощью которого создаются красивые викторины и опросы, был маленький пункт – добавить ID приложения Фейсбук.
Это означает, что на сайт, где расположен плагин, необходимо интегрировать Фейсбук.
Для чего? Для того, чтобы посетители имели возможность делиться самой викториной и своими результатами в Фейсбук. Другие социальные сети не требуют никаких подобных танцев с бубном – для них достаточно использования стандартной кнопки “Поделиться”, но мы уже знаем – Фейсбук – компания, отличная от других.
В этой статье мы рассмотрим получение мы рассмотрим добавление приложения, расположенного на сайте.
Прежде, чем начать привязывать приложение к Фейсбук, на сайте нужно создать Пользовательское соглашение и Политику конфиденциальности – это потребуется при регистрации приложения. Для того, чтобы не прерывать процесс получения ID приложения, рекомендую создать эти страницы заблаговременно.
Примеры Политики Конфиденциальности и Пользовательского соглашения можно взять с этого сайта. Вряд ли получится создать оригинальные тексты, поэтому добавьте атрибут noindex.
Можно приступать в привязке приложения к Фейсбук.
Чтобы попасть туда, где находятся приложения фейсбук, переходим по ссылке facebook for developers, нажимаем на зеленую кнопку справа – Добавьте новое приложение:
в открывшемся окне вводим название приложения и электронный адрес для связи
по кнопке Создайте ID приложения открываем страницу приложения.
В верхней строке можно увидеть ID приложения.
(Если на этом этапе добавить ID приложения Фейсбук в плагин, то кнопка Поделиться работает. Не будем экспериментировать, доведем дело до логического конца).
Слева в меню выбираем в пункте меню Настройки выбираем “Основное” и заполняем все необходимые поля.
Никаких хитростей нет, спрашивают – отвечаем. Категорию можно в любой момент поменять.
Последнее, что нужно сделать – внизу открыть вкладку – Добавить платформу, выбрать Веб-сайт и добавить URL сайта, на котором находится приложение.
Для того, чтобы начать пользоваться приложением, нужно вверху изменить статус “В разработке” на статус “Опубликовано”.