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

Основни стъпки:

• Създайте страница във Фейсбук
• Поставете кода за кутията за харесване
• Можете да настроите някои характеристики

Създайте страница във Фейсбук

1. Отидете на http://www.facebook.com/pages/manage и натиснете на Create a Page.
2. Изберете категорията, към която спада вашия уебсайт, въведете име на страницата, например заглавието на вашия сайт, запишете.
3. Настройте вашата страница - лого, описание, друга полезна за потребителя информация. Можете да добавите RSS feed от вашия сайт и автоматично да публикувате статии или новини на стената.

Поставете кода за кутията за харесване там, където желаете тя да се показва.

• Използвайте помощните инструменти на Фейсбук, за да вземете кода:
  http://developers.facebook.com/docs/reference/plugins/like-box
  Примерен код с показване на публикациите от стената на страницата, 10 фена, лого на фейсбук и широчина на кутията 300рх:
  

  <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
  <fb:like-box href="/YOUR_FACEBOOK_PAGE_URL" width="300" connections="10" stream="true" header="true"></fb:like-box>

• Ако сайтът ви вече е настроен с друга функционалност на Фейсбук, например кутия за коментари или кутия за излъчване на живо (Live Stream Box), или използвате Facebook JavaScript SDK, не трябва да поставяте първия ред от кода. Той трябва да присъства само веднъж на вашата страница.
• Ако желаете да ползвате и други функционалности на Фейсбук, вижте Как да настроите уебсайт за работа с Facebook JavaScript SDK.
• За да промените езика на кутията за фенове, вижте Как да смените езика на функционалностите на Facebook.

За да покажете кода на вашата страница, можете да създадете нов модул и да поставите кода в него като използвате функцията за редактиране в HTML на вашия редактор. Ако след записване на модула кода е изтрит, трябва да настроите вашия редактор да разпознава новите HTML елементи. Вижте Как да настроите редактора TinyMCE 2.0 да разпознава допълнителни HTML елементи.

Можете да настроите някои характеристики, например широчина, височина, брой фенове и др. Ето някои от атрибутите:

• stream - показване на последните публикации от стената на страницата;
• width - широчина на кутията;
• height - височина на кутията;
• connections - брой фенове;
• header - показване на лого на фейсбук.

Допълнителни ресурси

Създаване на страници

• http://www.facebook.com/pages/manage

Помощни инструменти на Фейсбук за генериране на код:

• http://developers.facebook.com/docs/reference/plugins/like-box