Оформление страниц в Facebook c помощью TabPress

К содержанию



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

Опубликовано:16 Апр 2011

Внимание! С 30 марта 2012 г. все страницы компаний и организаций на Facebook переводятся на новый дизайн профиля — Timeline. Приведенная ниже статья была написана задолго до нововведений, поэтому описанный ниже функционал может не работать на новом дизайне Фейсбук или работать неккоректно. С информацией об актуальных изменениях в дизайне профиля Facebook-страниц можно ознакомиться тут

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 и нажимаем «Добавить к моей странице».
  2. Из списка выбираем фейсбук-страницу, на которую необходимо добавить приложение.
  3. Переходим на нее, используя Facebook  в режиме администратора этой страницы.
  4. В меню страницы у нас должен появиться пункт Welcome. Это и есть TabPress :). Название пункта меню можно изменить в настройках.
  5. Кликаем на этот новосозданный пункт меню и попадаем в визуальный редактор.
  6. Тут есть два текстовых поля. В верхнем можно ввести код  контента, который будет показан тем людям, которые еще не являются фанатами Вашей страницы, в нижнем, соответсвенно, — контент для фанатов. Таким образом, приложение заменило горячо любимый всеми администраторами фейсбук-страниц FBML-тег visible-to-connection. Если же Вы хотите показывать одинаковый контент и тем и другим, просто пропишите одинаковый код в оба окна.
  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 есть один большой недостаток, который я забыл упомянуть. Это приложение пока что не поддерживает кириллицу. Как оформить фейсбук страницу с использованием русского или украинского текста — читайте тут.

Поделиться в соц. сетях


Понравилась статья? Подписывайтесь на обновления блога

Введите Ваш email:

  • Яна

    Здравствуйте, Андрей. А у вас случайно не возникли проблемы с кодировкой?

  • Аноним

    Вы имеете в виду использование русского/украинского языка?

    Да, возникли. Вышел из ситуации загружая весь русскоязычный язык картинкой. Кстати, не написал об этом недостатке в блоге, а ведь это важно… Надеюсь они добавят мультиязычность в скором времени.

  • Khramovamarie

    Андрей, таблица, заверстанная при помощи этого приложения может быть видна только после нажатия на велком любым пользователем, как поклонником, так и нет? У меня почему-то так. 

    • Boris

       http://www.facebook.com/add.php?api_key=APP-ID&pages&page=PAGE-IDПодставь тока айдишники соответствующие. Дальше разберешся.

    • К сожалению, после перехода на TimeLine, разработчики решили не развивать это приложение, и с апреля оно уже не функционирует.

  • Boris

    Андрей, спасибо за ваш портрет в выдаче, респект! оказывается сильно привлекает кликнуть.

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

    • Борис, я, к сожалению, не силен в программировании, поэтому и использую сторонние приложения и пишу про них, т.е. это скорее инфо для таких же как я.
      Рекомендую Вам блог Андрея Зюзикова — «Мастерская фан-страниц» — http://www.masterskayafanstranic.com.ua/. Думаю, там Вы сможете найти мануалы, как создать вкладку приложение для фейсбук-страницы своими силами без использования сторонних приложений.