Оформление страниц в Facebook. Жизнь без FBML

Материал из AOW

Перейти к: навигация, поиск

Facebook – социальная сеть, которая предоставляет широкие возможности по оформлению корпоративных страниц. До недавнего времени одним из основных инструментов для оформления страниц в Facebook было приложение Static FBML, которое позволяло администраторам, не обладая обширными знаниями в области программирования, сделать свою страницу привлекательной и функциональной. По сути FBML (Facebook Markup Language) – это был язык разметки Facebook, который представлял собой HTML/CSS + некоторые внутренние теги.

Был – потому что в марте 2011 г. Facebook упразднил возможность использования FBML на страницах. Созданные ранее страницы оставили, равно как и возможность их редактировать, а вот новую страницу на FBML уже не создашь.

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

Однако на помощь администраторам фейсбук-страниц (к слову, очень вовремя) пришла компания Hyperarts выпустившая приложение TabPress для оформления фейсбук-страниц в новых реалиях. По функционалу оно не уступает FBML, а работать с ним намного легче.

Итак, оформляем страницу в Facebook с помощью TabPress.

1. Переходим на страницу приложения ТаbPress в Facebook и нажимаем «Добавить к моей странице».

Файл:Fasebook6-1.JPG

2. Из списка выбираем фейсбук-страницу, на которую необходимо добавить приложение.

3. Переходим на нее, используя Facebook в режиме администратора этой страницы.

4. В меню страницы у нас должен появиться пункт Welcome. Это и есть TabPress. Название пункта меню можно изменить в настройках.

5. Кликаем на этот новосозданный пункт меню и попадаем в визуальный редактор.

6. Тут есть два текстовых поля. В верхнем можно ввести код контента, который будет показан тем людям, которые еще не являются фанатами Вашей страницы, в нижнем, соответсвенно, — контент для фанатов. Таким образом, приложение заменило горячо любимый всеми администраторами фейсбук-страниц FBML-тег visible-to-connection. Если же Вы хотите показывать одинаковый контент и тем и другим, просто пропишите одинаковый код в оба окна.

Файл:Fasebook6-2.JPG

7. Сохранив изменения, можно посмотреть результат по вкладкам «Preview non-fan content» и «Preview fan content». Что же прописывать в визуальном редакторе? Как и в FBML, в TabPress используется HTML, CSS и JavaScript, могут использоваться теги <img /> и <embed> точно так, как они используются в любой HTML странице. Я прописывал сюда также и <iframe>, работает нормально. Получается, что TabPress позволяет создавать на Вашей фейсбук-странице полноценную статическую веб-страницу, единственное, про что не стоит забывать, – это ограничение Facebook ширины страницы в 520 px. В противом случае, у вас появится скролл-бар.

Из новых полезных функций также стоит отметить возможность добавить код Google Analytics непосредственно на фан-страницу созданную при помощи TabPress.

Есть правда несколько негативных моментов. Во-первых, TabPress некорректно отображается или не отображается вообще в некоторых браузерах, в частности, в некоторых старых версиях Opera. Во-вторых, на страницах, созданных с помощью TabPress, в правом нижнем углу отображается надпись «Powered by TabPress».(Правда Вы можете избавиться от нее за 400$ ). Однако с этим можно мириться и работать.

Как для первой версии, приложение – очень даже ничего. Надеюсь, впоследствии его «допилят» и добавят много новых полезных функций.

Пользуйтесь и развивайтесь!

P.S. При всех свои достоинствах у TabPress есть один большой недостаток, который я забыл упомянуть. Это приложение пока что не поддерживает кириллицу. Как оформить фейсбук страницу с использованием русского или украинского текста — читайте тут. Источник: marketingbuzz.info

Личные инструменты

Разработка веб-сайтов, автоматизация.
По всем вопросам обращайтесь по телефонам:

+7 495 640 29 90
http://artofweb.ru