ГОТОВЫЕ РЕЦЕПТЫ САЙТОСТРОИТЕЛЯ.

Как подключить к сайту комментарии Facebook.

Дата публикации: 02 июля 2011

Комментарии на сайте - это способ обратной связи с Вашими посетителями. Какие еще есть способы обратной связи, чем хороши комментарии социальных сетей, а в особенности Facebook, смотрите в статье:
"Выбираем способ обратной связи для сайта"

Итак, как установить на сайте блок комментариев социальной сети Facebook? Сразу хочу отметить, что инструкция в данном уроке предназначена для простого сайта. Если у Вас сайт, блог на движке, то скорее всего для Вашего движка уже разработан специальный плагин, и подключение комментариев может быть вообще очень простым делом. Например, для блога WordPress такой плагин точно есть.

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

1. Перейдите по ссылке http://www.facebook.com/developers
   
   

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

3. После клика по кнопке "Создать новое приложение" появляется дополнительно окошко. В графе APP name введите имя создаваемого приложения. Например Vash site - comments box. Создавая блок комментариев для этого сайта я ввела: site.lentay.net - comments box. В графе Local - оставляем English, соглашаемся с условиями - галочка возле I agree..... Жмем кнопку ПРОДОЛЖИТЬ.
   
   Проверка безопасности - нужно ввести буквы с картинки. После этого оказываемся в интерфейсе настройки приложения.
   
   

4. Слева есть закладки. Идем на WEB - Site URL & Domain. В графе Site Url введите адрес Вашего сайта со слешом на конце. Например, я ввожу - http://site.lentay.net/
   
   В графе Site Domain введите домен вашего сайта БЕЗ http://www.
   Я ввожу site.lentay.net
   Жмем СОХРАНИТЬ ИЗМЕНЕНИЯ.
   
   

5. В верху страницы, в разделе App Info Вы видите номер App ID (15 цифр). Скопируйте его себе куда-нибудь. Например, в БЛОКНОТ, чтобы этот номер был под рукой.
   
   С созданием приложения мы закончили. Может пройти от 2-х до 20 минут, прежде чем созданное вами приложение полностью заработает. А мы сейчас переходим к работе непосредственно с настройкой блока комментариев и добавлением этого блока на ваш сайт.
   
   

6. Настраиваем внешний вид блока комментариев. Для этого идем сюда:
   
   http://developers.facebook.com/docs/reference/plugins/comments/ 
   
   В форме настройки в графе Url to comment of - вводим адрес страницы Вашего сайта, на которую Вы хотите добавить комментарии.
   Вводим без http://www. Например, для это страницы я ввожу:
   
   site.lentay.net/kak_podklyuchit_k_situ_kommentarii_facebook.php
    
   Дальше Number of posts - количество записей, которое будет видно на странице. Я поставила 10.
   
   Width - ширина блока комментариев. Ставьте по своему выбору. Я оставила 500 (имеется в виду пикселей)
   
   Color Scheme - здесь можно выбрать цветовую палитру: светлую или темную, в зависимости от дизайна вашего сайта. Я выбираю Light.
   
   К слову, ниже, под формой настройки блока комментариев, Вы видите результат настройки. То, как будет выглядеть блок комментариев у Вас на странице.
   
   Если внешний вид устраивает, нажимаем кнопку Get Code. Система выдаст Вам код для Вашей страницы. Скопируйте этот код и вставьте его в том место вашей html страницы, где, соответственно, хотите видеть блок комментариев. Я вставляю в конец этой статьи.
   
   ПРИМЕЧАНИЕ:
   В начале этого кода, который Вы получили на Facebook есть вот такой фрагмент:
   
   http://connect.facebook.net/en_EN/all.js#xfbml=1
   
   Я меняю то, что выделено красным на ru_RU, чтобы блок комментарев "разговаривал" по-русски.
   
   

7. Есть еще два фрагмента кода, которые Вам также нужно добавить на страницу Вашего сайта, чтобы блок комментариев работал корректно.
   
   Вот первый фрагмент - в самое начало вашего html файла. Замените ваш стандартный тег <html> этим кодом:
   
   <html xmlns="http://www.w3.org/1999/xhtml"
   xmlns:fb="http://www.facebook.com/2008/fbml">
   
   
   Второй фрагмент - должен быть в заголовке страницы, то есть между тегами <head>  </head> :
   
   <meta property="fb:app_id" content="111111111111111">
   
    Здесь вместо  111111111111111 укажите Ваш App ID.
   
   

8. Еще один важный атрибут Вашей страницы, на который нужно обратить внимание - мета-тег описания страницы:
   
   <META NAME="Description" CONTENT="описание Вашей страницы">
    
   Этот мета-тег не является обязательным для страниц сайта, но при работе с комментариями Facebook, я советую его вносить и тщательно продумывать его содержимое, то есть непосредственно описание. Потому что при публикации комментариев, они будут автоматически добавляться в Facebook на стену того, кто комментировал, и в ленту новостей, соответственно. А описание страницы, которую прокомментировали, Facebook будет брать из этого тега, а если его нет, то из первых слов текста, который будет на странице.
   
   

9. Все. Выкладывайте страницу Вашего сайта на сервер и проверяйте, что получилось. Для тестирования можете сами прокомментировать что-то от себя...

Модерировать комментарии Facebook Вы можете из интерфейса модератора вот по этой ссылке:

http://developers.facebook.com/tools/comments 

Или же с той же самой страницы, на которой подключены комментарии. Когда Вы заходите на эту страницу вашего сайта, будучи залогиненным в свой аккаунт Facebook, то над блоком комментариев видите ссылку на интерфейс модератора.
 
Удачи Вам!!!

С уважением,
Ольга Александрова

Рекомендуйте эту страницу другу: