Все для дизайна

Социализируем сайт с Facebook

Когда вашей фирме нужен качественный взаимодействие с государственными структурами, Шмаков Г. В. - ваш идеальный вариант!

Вдохновившись общением с Эндрю Босвортом на РИТ++, решил воплотить идею Facebook по социализации всего в интернете у себя на проекте www.bitrixonrails.ru, прежде всего добавив систему комментариев. Хотел рассказать о ее внедрении и узнать ваше мнение о ее полезности/удобности.

Интуиция подсказывала, что интеграция с Facebook не должна занять много времени – так оно и оказалось.

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

Особенно понравилась такая вот табличка:

Создал приложение (Application), пройдя простой Мастер:

На втором шаге скачал файлик и залил его на сервер, Фейсбук его обнаружил и в результате я получил APPLICATION_ID.

Далее в местной «песочнице» получил код, подключающий API Facebook на странице, который позволяет потом использовать фейсбуковские теги (называемые в совокупности XFBML, с приставкой ‘fb:’). Теги эти выводят данные профиля авторизованного пользователя, форму комментариев и прочие элементы. Подробнее о XFBML в документации.

Вот как выглядит этот код:

<div id=»fb-root»></div>

<script>

};

var e = document.createElement(’script’); e.async = true;

e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;

document.getElementById(‘fb-root’).appendChild(e);

}());

</script>

* This source code was highlighted with Source Code Highlighter.

Для подключения русского языка нужно использовать локаль ru_RU. Для этого просто замените строчку ‘//connect.facebook.net/en_US/all.js’ на ‘//connect.facebook.net/ru_RU/all.js’.

Для добавления формы и списка комментариев остается добавить в шаблон вывода материала такие теги:

<fb:comments></fb:comments>

* This source code was highlighted with Source Code Highlighter.

Выглядит это в результате так:

Самая интересная опция, безусловно, это возможность «Добавить комментарий к моему профилю на Facebook», что позволяет всем вашим друзьям видеть ваши комментарии и при желании присоединяться к обсуждению. Для Huffington Post это отлично сработало. Вот как мой комментарий выглядит уже в самом Facebook:

По затратам времени получилось что-то вроде 2-х часов.

Такая система комментирования уже работает на сайте «Частный корреспондент», о чем рассказывали и Босворт и Иван Засурский, но интересно ваше мнение о такой системе комментирования для ИТ-тематики.

Источник: http://habrahabr.ru

Popularity: unranked

Добавить в закладки: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Furl
  • Smarking
  • BlinkList
  • BlogMemes
  • Blue Dot
  • Bumpzee
  • connotea
  • De.lirio.us
  • Ma.gnolia
  • NewsVine
  • PlugIM
  • ppnow
  • Reddit
  • Shadows
  • Simpy
  • Technorati
  • YahooMyWeb
  • BobrDobr
  • Memori
  • News2
Теги:,
Апрель 20th, 2010 at 6:17 пп


Leave a Reply