Как создать приложение в фейсбуке

Обновлено: 07.01.2025

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

Все уроки полностью бесплатные, получать их можно либо в телеграм канале, либо по рассылке вконтакте, подпишитесь, если хотите следить за новым контентом.

Вся работа делается в визуальном редакторе. Готовые шаблоны помогут вам сразу взяться за дело.

Такое приложение можно использовать как инструмент по извлечению поискового трафика из каталогов мобильных приложений, инструмент по прохождению модерации и сливу трафика через прилу. Web-версия такого приложения может использоваться для получения поискового трафика и как лендинг пейдж. Подобный формат отлично показывает себя на трафик-беке или различных кликандер-попандер решениях.

Концепция здесь такова, что потратив немного усилий — вы не получите дорвей или статейник, который рано или поздно выкинет из поиска, а получите MVP своего будущего проекта, с минимальными рисками перед фильтрами поисковых систем и максимальными возможностями для продвижения.

MVP — жизнеспособный продукт, обладающий минимальными, но достаточными для потребителей функциями

Создание сайтов под поисковые системы часто подразумевает за собой накрутку поведенческих факторов, спам ссылками, использование дроп-доменов, или, упаси боже — создание сайта внутри директории чужих сайтов.

Перехитрить всех, на первый взгляд, кажется более выгодным решением, но проблемы такого подхода всплывают только на дистанции, по тому их и не замечаешь в самом начале пути.

Разумеется, если вы выберете для своего проекта адалт тематику или агрессивное продвижение — риски схватить бан или запороть проект есть всегда, но мы всё покажем на белом примере, дополнительно пролив свет и на серые способы продвижения и тематики.

Без регистраций кучи аккаунтов
Без банов поисковых систем и маркетплейсов
Без рисков попасть под фильтры и пессимизаию

После долгих годов работы с трафиком любой рано или поздно устаёт бодаться с системой, банами и ограничениями. Спустя года — каждый вебмастер захочет сделать хороший и качественный проект для себя и для души. Строить его — как свой дом, растить — как дерево, и возможно даже любить — как своего сына!

Именно созданию такого проекта и будет посвящена эта серия уроков. Для себя я определил несколько категорий, которые способны приносить хороший трафик и лиды: нишевые поисковики, каталоги, агрегаторы и рейтинги.

Таким образом, мы с вами разом убьём сразу трёх зайцев на примере этого комплексного продвижения, и в результате получим белый перспективный проект генерирующий лиды и трафик, с собственным приложением.

Примеры листингов, которые помогут составить представление — на что может быть похож ваш проект. Эти примеры отлично показывают, как широко можно развивать эту историю, всё зависит от выбранной лично вами ниши.

Яндекс.Маркет — как пример чего-то масштабного и глобального

В нашем случае, мы сделаем что-то попроще и не будем конкурировать с такими гигантами как авито, но сама тема в целом ограничивается лишь вашими амбициями и ресурсами. В первую очередь необходимо будет создать само приложение.

Поисковая оптимизация страниц вашего сайта будет давать отличный трафик в большом количестве, а SEO куда понятнее и проще чем ASO. Если вы не занимались ни тем, ни другим — вам проще будет освоить поисковую оптимизацию для сайта, а уже затем оптимизацию приложения в каталоге.

SEO — оптимизация страниц сайта

ASO — оптимизация приложения

Приложение, созданное на основе web-сайта — проще редактируется и изменяется. Вам не нужно будет каждый раз компилировать и перезаливать в каталог свое приложение, все изменения в web-версии автоматически будут появляться в вашем WebView приложении. Кроме того, есть готовые инструменты по компиляции таких приложений.

Сами изменения делаются через удобный визуальный блочный редактор, с помощью которого вы сможете реализовать все свои потребности без знания языков программирования, вам не потребуется лезть в консоль и писать код, всё делается через drag-and-drop.

Веб версия аналогично своей android версии приложения может отсылать уведомления своим пользователям. Вы можете самостоятельно управлять рассылкой и информировать пользователей призывая их повторно посетить ваш сайт или приложение, либо дополнительно монетизировать свой трафик делая тематические рассылки, или же вовсе подключить базу к рекламной сети и продавать клики по уведомлениям в автоматическом режиме.

Тема конечно не нова, приложения под разного рода схемы по трафику делались раньше. Офферы и решения по монетизации упаквывали в *.APK файлы и заливали в стор гугла. Начиналось всё с примитивных фейков популярных приложений (whatsapp, twitter, viber), и кражи части поискового трафика уже популярных приложений. Внутри чаще всего находилось либо вредоносное П.О, которое получало полный доступ к устройству, на котором было установлено приложение, либо банальный wap-click. Таким образом органический поисковый трафик монетизировался ещё лет 6 назад.

Затем люди заметили, что приложения внутри стора проходят модерацию автоматически и начали лить на эти приложения через рекламные сети AirPush и AdMob. Таким образом, мы с вами изучим схему, которая оптимизировалась годами, обрела огромное количество ответвлений по монетизации и стала полностью белой, взрослой темой. Рано или поздно каждому надоест бороться с фильтрами и банами, а белые проекты гораздо перспективны и выгоднее на дистанции.

Если вам всё-таки хочется узнать, с чего всё начиналось и как с помощью приложений зарабатывали трафик раньше — вы можете изучить методичку, написанную мной ещё 5 лет назад. Многие из методов потеряли актуальность, но сама механика получения трафика работает по сей день. Отлично подойдёт новичкам в качестве фундамента знаний, опираясь на которые — можно придумывать новые решения.

Всё очень просто и устанавливается в два клика. Для тех, кто шарит — ставим wordpress и натягиваем шаб Findus — Directory Listing, а для всех остальных подробности будут ниже.

Случалось ли вам задумываться о том, что наиболее востребованные приложения на Facebook просты и похожи по сути? Все эти виртуальные объятья, поздравительные открытки, пожелания, симпатии, пинки, смайлы, карма-обмен и прочие психологические «поглаживания» отличаются лишь формой, в которой пользователь получает свою очередную порцию внимания. Таким образом, это ниша всегда открыта для желающих опробовать собственную идею. Особенно теперь, когда Facebook заговорил по-русски, и русскоязычные приложения особенно востребованы. Приложения Facebook набирают аудиторию на манер «сарафанного радио», подобно цепной реакции. Если у вас есть действительно стоящая идея, то реализовав ее, вы получаете потенциальную аудиторию в 20 млн. пользователей Facebook. При таком размахе не удивительно, что некоторые любительские приложения для Facebook продаются за десятки тысяч долларов.

Впрочем, скептики могут здесь справедливо заметить: «Если так просто заработать на Facebook, то почему же мы все еще не разбогатели на нем?!». Это как в лотерее — пробовать могут все, но удача улыбнется лишь единицам. С другой стороны вы можете предложить аудитории Facebook любое приложение на ваш вкус. Мне недавно попадался на глаза простой опросник на совместимость для тех, кто любит путешествовать. Сделайте что-нибудь подобное и разместите на страницах приложения логотип туроператора за оговоренную сумму. Впрочем, к чему фантазировать? Способы монетизации успешного приложения описаны на Facebook. Кроме того, имея за спиной пару-тройку популярных приложений, вы можете заявить себя на Facebook Marketplace и получить желаемые заказы. Или же, вы сами можете изучить анатомию приложений для этой платформы. Вкратце, вам предоставляется рабочая область (Facebook Canvas Pages) приложения и ссылка на него в левой панели навигации (Left Nav).

Активность друзей пользователя в рамках данного приложения может отображаться на главной странице пользователя. Для этого приложение протоколирует активность пользователей, помещая записи в New Feed.

Приложение в сокращенной форме может быть представлено в специальном блоке (Profile Box) на странице профиля пользователя. Приложение может добавлять в профиль пользователя ссылку на некоторое действие. Допустим, если ваше приложение предполагает взаимовосхваление пользователей, будет логично добавлять в профиль подписчиков приложения ссылку «Восхвалить пользователя».
Приложение может высылать уведомления на Email (Alert), а также высылать пользователям приглашения к принятию участия в каком либо событии. Скажем, ваше приложение предлагает всем участникам виртуально взяться за руки в знак поддержки Тибета. Вы можете предложить пользователям приложения высылать приглашение к этому мероприятию для случайных пользователей Facebook.

Как я уже сказал, для создания приложения следует ознакомиться, как минимум, с языками FBML и FBJS. Впрочем, для серьезных задач вам не обойтись также и без FQL и Facebook API. Как вы, наверняка, догадались, при каждом обращении к странице вашего приложения Facebook будет брать код страницы с вашего сайта, затем преобразовывать его на свой лад и отображать пользователю. Если он походу встречает конструкции языка FBML, он следует им. Т.е. вам нет необходимости писать код ваших страниц на новом неизвестном вам языке. Вы вольны использовать (x)HTML, но расширять его посредством FBML. В этом плане FBML напоминает мне, столь близкий сердцу XML Sapiens. К примеру, корректную ссылку на профиль пользователя и его имя вы можете получить с помощью следующей конструкции:

В справочнике к языку FBML вы найдете множество инструментов получения информации о пользователях, группах и их статусах, представления профиля, использования различных медиа-форматов, отображения готовых виджетов для комментирования, рассылки запросов на выбранную группу, форм ввода данных, диалоговых окон, captcha и многое другое. Все в стиле Facebook, как вы понимаете. FBML также обслуживает и логические выражения (fb:if/fb:else, fb:switch и т.д.). Можно посмотреть как это происходит в «песочнице» Facebook. Во многих случаях использование FBML достаточно удобно, что едва ли можно сказать о FBJS. Все включения Java Script на страницах вашего приложения будут также преобразованы.
К примеру, функция:
function getWinSize() <
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
return ;
>
Превращается во что-то вроде:
function a12345_getWinSize() <
a12345_w = a12345_document.documentElement.clientWidth;
a12345_h = a12345_document.documentElement.clientHeight;
return ;
>
Вот и приехали. Можете расстаться со своими тщетными мечтами об использовании в приложении для Facebook своих личных JS-библиотек или любимых фреймворков. Придется писать все требуемые функции по новой, причем, сверяя каждый шаг с документацией. С другой стороны Facebook предоставляет простенький фреймворк, позволяющий обслуживать асинхронные запросы на контроллер (AJAX) и формировать диалоговые окна.
FBML и FBJS позволят вам построить несложное приложение. Однако если вам требуются, скажем, выборка пользователей Facebook согласно их интересам, готовые виджеты FBML едва ли смогут вам помочь. На этот случай имеется REST-сервер Facebook, обслуживающий широкий ряд удаленных процедур. Все они описаны в документации, а для пробы сил имеется «песочница». Но более того, вы можете получать выборки непосредственно из баз данных Facebook посредством запросов, весьма напоминающих привычный нам SQL. Все таблицы и поля тщательно описаны. Имеются различные примеры запросов. Все что требуется, это сформировать запрос, отослать его в параметрах REST-вызова facebook.fql.query и разобрать ответ сервера.

Как будет организована ваша программная часть не имеет особого значения, по крайней мере, для Facebook. Вы лишь должны отдавать (x)HTML внутри тега BODY при запросе страниц приложения. При этом следует инициировать класс, загруженной с Facebook клиентской библиотеки:
require_once 'vendors/facebook/facebook.php';
$appapikey = 'ваш API Key;
$appsecret = 'ваш Secret';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();
Единственное, что я могу здесь добавить – используйте пользовательский интерфейс Facebook там, где это уместно. К примеру, главное меню приложения можно поместить в табы:
<fb:tabs>
<fb:tab-item href=«apps.facebook.com/study_english» title=«Quizze» selected=«true» />
<fb:tab-item href=«apps.facebook.com/study_english/?page=course» title=«Course» />
<fb:tab-item href=«apps.facebook.com/study_english/?page=rating» title=«TOP 50 Users» />
<fb:tab-item href=«apps.facebook.com/study_english/?page=invite» title=«Invite friends» />
</fb:tabs>
Для формы приглашения друзей к использованию вашего приложения можно использовать готовый виджет:
<fb:fbml>
<fb:request-form action="" method=«POST» invite=«true» type=«new cute app» content=«If you have been learning English for long time, you know – one of the most confusing things in the language is phrasal verbs. Do you know them enough? Test yourself here.
<? print htmlentities(»<fb:req-choice url=«apps.facebook.com/study_english» label=«Add My APP!» />"); ?>">
<fb:multi-friend-selector showborder=«false» actiontext=«Invite your friends to use Brush Up Your English.»>
</fb:request-form>
</fb:fbml>
Зато относительно FBSJ мой опыт может сэкономить вам время. Пример использования AJAX предоставленный Facebook едва ли устроит вас. Он слишком упрощенный. Я сделал на его базе более универсальный вариант.
Java Script
function $(divName) < return document.getElementById(divName); >
function user_event(div_id) callRemoteProc(
<
«ctrl_action»:«user_event»,
«param1»:«param2 data»,
«param2»:«param3 data»
>, div_id);
return false;
>
function callRemoteProc(params, bind_id) var ajax = new Ajax();
ajax.responseType = Ajax.JSON;
ajax.ondone = function(data)

var $ActionCode=1;
var $ErrorMsg="";
var $Body="";

function respond($message="", $errormsg="") if($message) $this->Body = $message;
if($errormsg) $this->ErrorMsg = $errormsg;
$out = ' «ActionCode»: "'.$this->ActionCode.'",
«ErrorMsg»: "'.($this->ErrorMsg?addslashes(preg_replace("/[rn]/", "", $this->ErrorMsg)):"").'",
«Body»: "'.($this->Body?addslashes(preg_replace("/[rn]/", "", $this->Body)):"").'"
>';
header(«Content-type: text/html; charset=UTF-8»);
print $out;
exit;
>
>
?>

Как вы понимаете, сами собой пользователи не придут на ваше приложение. Они попросту не будут знать о его существовании. Вы скажете: «А как же каталог приложений Facebook?». Так вот для того, чтобы попасть в этот каталог вам потребуется обзавестись, по крайней мере, пятью пользователями. Впрочем, последняя позиция в каталоге, позади 20 тысяч прочих приложений тоже не способ обрести популярность.
Вы можете поискать пользователей Facebook, кому может быть интересно ваше приложение, по интересам или в группах. Пригласите их стать друзьями и отправьте им запрос на установку приложения. Если приложение им понравится, они отправят запрос своим друзьям. Если вы готовы инвестировать определенные средства в рекламу, переедите на страницу приложения Developer и нажмите ссылку «Advertise» выпадающего списка «more» напротив вашего приложения.

В процессе создания приложения собираются определенные данные, минимально необходимые для создания нового уникального ID. После завершения этой процедуры вы сможете указать дополнительные сведения о приложении в Панели приложений или сразу же приступить к его сборке и тестированию.

Прежде чем начать

Шаг 1. Начало создания приложения.

Если вы только что завершили регистрацию, нажмите кнопку Создать первое приложение.

В противном случае откройте панель Приложения и нажмите Создать приложение.

Шаг 2. Выбор типа приложения.

От типа приложения зависит, какие именно продукты и API будут ему доступны. Если вы впервые создаете приложение и только знакомитесь с этим процессом, выберите вариант Нет. Впоследствии, узнав больше о наших продуктах и API, вы сможете выбрать для своего приложения тип с помощью этого документа, а затем создать новое приложение выбранного типа.

Шаг 3. Настройка имени и электронного адреса приложения.

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

Вы также можете добавить аккаунт Facebook Business Manager, если он у вас есть, а затем нажать кнопку Создать приложение.

Когда создание приложения будет завершено, оно загрузится в Панель приложений.

Дальнейшие действия

Создав приложение, вы можете приступить к его сборке и тестированию. Вы также можете указать дополнительные сведения о своем приложении в Панели приложений, однако для начала разработки это не требуется. Вы сможете в любой момент вернуться в панель приложений и изменить настройки.

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

Что такое приложение Facebook?

Разработчики создают большинство распространенных приложений, которые вы найдете на Facebook , с помощью платформы разработчиков Facebook. Тысячи сторонних приложений доступны для использования через личную учетную запись Facebook, которые помогают связать вас с другими продуктами и услугами.

Приложение (не путать с аналогичным не совсем полным приложением, называемым «апплет») на самом деле не является приложением в том смысле, что пользователи компьютеров Mac и Windows знают этот термин. Вместо установки компьютерного приложения (также называемого программным обеспечением и программами) с диска или загрузки на жесткий диск вашего компьютера, вы должны использовать приложение Facebook, запустив в своем браузере a — который не занимает места на вашем компьютере.

Что такое платформа разработчиков Facebook?

Facebook запустил платформу Facebook Developers в 2007 году, предоставив платформу, которую разработчики могут использовать для создания приложений, взаимодействующих с основными функциями Facebook . Это означало, что приложения могли обмениваться пользовательской информацией с внешними приложениями через открытый API (интерфейс прикладного программирования).

Зачем вам создавать приложение для Facebook?

Вам может быть интересно, для чего ваш бизнес может использовать такую игру, как Scrabble? Очень мало, но игры — не единственное использование приложений. Любое лицо, которое хочет, чтобы его имя было опубликовано в социальной сети, может использовать приложение для создания узнаваемости бренда.

Рассмотрим следующий сценарий: у вас есть ресторан с собственной страницей в Facebook. Многие люди публикуют обычные комментарии к постам на странице, и это все. У этой страницы есть фанатская база, но не очень многие клиенты чувствуют себя достаточно вдохновленными, чтобы «полюбить» ее.

Теперь представьте, что на странице есть приложение, в котором перечислены пункты меню — в комплекте с фотографиями, которые пользователи могут выбирать и делиться. Вместо того, чтобы предлагать своим поклонникам скучные обновления статуса или ссылки на ваш блог, приложение может позволить им поделиться более привлекательным представлением о том, что они только что съели в вашем ресторане. Поклонникам легко и весело пользоваться, и таким образом вы используете ценность социального маркетинга.

Использование API Facebook

Graph API является ядром платформы Facebook для разработчиков, что позволяет разработчикам считывать и записывать данные в Facebook. API Graph представляет простое, согласованное представление социального графа Facebook, равномерно представляющее объекты на графике (например, людей, фотографии, события и страницы) и связи между ними (например, отношения друзей, общий контент и теги фотографий). ).

Этот урок освещает процесс пошаговой регистрации приложения с интеграцией в Facebook.

Как стать Facebook разработчиком

Затем перейдите по ссылке 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.

Проверка регистрации

Клонируйте проект из GitHub:

Запустите утилиту, просто запустив её из командной строки с использованием Gradle

Или если используете Maven:

Либо запустить приложение прямо из Gradle:

Приложение попросит вас ввести App ID вашего приложения, затем спросит App Secret. Скопируйте и вставьте их из панели настроек.

После ввода этих значений, утилита сделает запрос к Facebook Graph API для получения некоторой информации о вашем приложении. На консоли вы должны увидеть нечто похожее на приведенный ниже текст:

Поздравляем! Вы зарегистрировали приложение на Facebook.

Это первый шаг в разработке приложения, которое интегрировано в социальный граф пользователей.

Читайте также: