Теория

IFrame приложения для вкладок страниц или групп Facebook позволяют отображать произвольный контент посетителям вашей группы, при этом приложение также получает при загрузке набор параметров (через POST запрос), которые содержат информацию о текущем пользователе. Благодаря этому вы можете изменять вид загружаемого в iFrame контента: например, показывать разный текст для пользователей, которые уже являются фанами вашей страницы, и для тех, кто еще не «залайкал» ее.

Такие приложение можно добавлять в боковое меню вашей страницы и даже делать соответствующий таб первым, который увидит пользователь при заходе на страницу (по умолчанию он видит стену группы). Но есть одно но: таб будет показываться вместо стены только для незарегистрированных пользователей и тех авторизованных, кто еще не залайкал страницу. Фанам же все равно будет показываться стена.

IFrame приложение в Facebook имеет ширину в 520px и загружает указанный в настройках приложения адрес. Внутри содержимого iframe вы можете использовать JavaScript, Flash и все, что захотите.

Создание приложения

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

1. Регистрация разработчика

Авторизовавшись в Facebook, зайдите на http://facebook.com/developers/. Если вы до этого не указывали свой номер телефона в настройках профиля — сделайте это, иначе вы не сможете стать разработчиком. Если ваш аккаунт подтвержден, вы увидите такое окно — в нем надо разрешить доступ к основной информации вашего профиля:

2. Создание приложения 

На открывшейся странице кликните на «Создать приложение» в правом верхнем углу.

После этого появиться окно, в котором надо указать название вашего приложения и его язык:

После ввода каптчи вы попадаете на страницу настроек.

3. Настройка приложения

На главной странице вы видете основные параметры приложения. Слева находиться меню более детальных настроек.

В основной форме можно задать иконку приложения, а так же некоторые основые параметы. В самом низу необходимо поставить галочку напротив пункта «Page Tab» и заполнить поля:

Где:

• Page Tab Name: название таба;
• Page Tab URL: адрес контента, который будет отображать приложение в iFrame — тут вы уже на своем сервере пишите, что хотите;
• Secure Page Tab URL: адрес для безопасного соединения (HTTPS);
• Page Tab Edit URL: адрес, по которому администраторы страницы могу изменять ее содержимое.

Теперь идем в Настройки → Advanced и ставим «Отключено» в Sandbox Mode (режим разработки и тестирования приложения) и «Отключено» в Social Discovery.

Все, приложение готово к добавлению на страницу.

4. Выбор страницы или группы

Теперь вам необходимо выбрать к какой странице подключить ваше приложение. Найдите слева ссылку «View App Profile Page», кликните на нее и после этого, опять же слева, кликните по ссылке «Добавить к моей странице». Вы увидите список страниц, в которых вы являетесь администратором. Выберите нужную:

После этого среди табов страницы появится таб с названием вашего приложения.

Чтобы сделать таб дефолтным для посетителей, перейдите в настройки страницы и в разделе «Управление разрешениями» в графе «Основная вкладка» укажите свое приложение.

На этом все. Надеюсь, статья пригодится вам, когда понадобиться сделать лендинг страницу в Facebook.