ГОТОВЫЕ РЕЦЕПТЫ САЙТОСТРОИТЕЛЯ.
Как подключить к сайту комментарии Facebook. Дата публикации: 02 июля 2011
Комментарии на сайте - это способ обратной связи с Вашими
посетителями. Какие еще есть способы обратной связи, чем хороши комментарии социальных сетей, а в особенности Facebook,
смотрите в статье:
"Выбираем способ обратной связи для сайта"
Итак, как установить на сайте блок комментариев социальной сети Facebook?
Сразу хочу отметить, что инструкция в данном уроке предназначена для простого
сайта. Если у Вас сайт, блог на движке, то скорее всего для Вашего движка уже
разработан специальный плагин, и подключение комментариев может быть вообще
очень простым делом. Например, для блога WordPress такой
плагин
точно есть.
Продолжаем. Для подключения комментариев Facebook к сайту,
в первую очередь у Вас должен быть аккаунт в этой социальной сети. Поэтому, если
Вы еще не в
Facebook, то
зарегистрируйтесь там. Это
просто. Быстро. Все по-русски. Поэтому, думаю, Вы легко
справитесь с этой задачей. А если Вы уже зарегистрированы, то зайдите в свой аккаунт.
Перейдите по ссылке
http://www.facebook.com/developers
Кликните по кнопке "Создать новое приложение" справа вверху.
Вероятно, Facebook, попросит Вас верифицироваться. Это можно сделать через мобильный. Они пришлют смс-ку с кодом, который нужно будет ввести на сайте
Facebook. Все это можно сделать буквально в течение нескольких минут. Когда Вы верифицируетесь, то сможете продолжить.
После клика по кнопке "Создать новое приложение" появляется дополнительно
окошко. В графе APP name введите имя создаваемого приложения. Например Vash site - comments box.
Создавая блок комментариев для этого сайта я ввела: site.lentay.net - comments box. В графе Local - оставляем English,
соглашаемся с условиями - галочка возле I agree..... Жмем кнопку ПРОДОЛЖИТЬ.
Проверка безопасности - нужно ввести буквы с картинки. После этого оказываемся в
интерфейсе настройки приложения.
Слева есть закладки. Идем на WEB - Site URL & Domain. В графе Site Url введите адрес Вашего сайта со слешом на конце.
Например, я ввожу - http://site.lentay.net/
В графе Site Domain введите домен вашего сайта БЕЗ http://www.
Я ввожу site.lentay.net
Жмем СОХРАНИТЬ ИЗМЕНЕНИЯ.
В верху страницы, в разделе App Info Вы видите номер App ID
(15 цифр). Скопируйте его себе куда-нибудь. Например, в БЛОКНОТ, чтобы этот номер был под рукой.
С созданием приложения мы закончили. Может пройти от 2-х до 20 минут, прежде чем созданное вами приложение полностью
заработает.
А мы сейчас переходим к работе непосредственно с настройкой блока комментариев
и добавлением этого блока на ваш сайт.
Настраиваем внешний вид блока комментариев. Для этого идем
сюда:
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, чтобы блок комментарев "разговаривал" по-русски.
Есть еще два фрагмента кода, которые Вам также нужно добавить на страницу Вашего сайта,
чтобы блок комментариев работал корректно.
Вот первый фрагмент - в самое начало вашего 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.
Еще один важный атрибут Вашей страницы, на который нужно обратить внимание - мета-тег описания страницы:
<META NAME="Description" CONTENT="описание Вашей страницы">
Этот мета-тег не является обязательным для страниц сайта, но при работе с
комментариями Facebook, я советую его вносить и тщательно продумывать его содержимое, то есть непосредственно описание.
Потому что при публикации комментариев, они будут автоматически добавляться в Facebook на стену того, кто комментировал, и в ленту новостей,
соответственно. А описание страницы, которую прокомментировали, Facebook будет брать из этого тега,
а если его нет, то из первых слов текста, который будет на странице.
Все. Выкладывайте страницу Вашего сайта на сервер и проверяйте, что получилось.
Для тестирования можете сами прокомментировать что-то от себя...
Модерировать комментарии Facebook Вы можете из интерфейса модератора вот по этой ссылке:
http://developers.facebook.com/tools/comments
Или же с той же самой страницы, на которой подключены комментарии. Когда Вы
заходите на эту страницу вашего сайта, будучи залогиненным в свой аккаунт Facebook, то над блоком комментариев видите ссылку
на интерфейс модератора.
Удачи Вам!!!
С уважением,
Ольга Александрова
Рекомендуйте эту страницу другу:
|