Наличие на сайте встроенного блока комментариев от социальной сети Facebook, способствует более эффективному продвижению сайта, в том числе, и в самой этой соцсети. Добавить поле комментариев фейсбук на сторонний веб-сайт, можно с использованием вашего аккаунта соцсети. Узнайте подробнее о внедрении социального плагина комментариев Facebook с помощью HTML-кода, состоящего из одной строки...

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

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

Переходим по ссылке Quickstart на страницу с описанием использования Facebook SDK для JavaScript. Facebook SDK для JavaScript не состоит из каких-либо файлов, которые должны быть загружены или установлены, вместо этого необходимо включить короткий кусок обычного JavaScript-кода в HTML-код шаблона сайта, который будет асинхронно загружать SDK на ваших страницах. Напомню, асинхронная загрузка не блокирует загрузку других элементов страницы.

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

Этот код будет загружать и инициализировать SDK. Значение параметра appId нужно заменить на ID вашего собственного приложения Facebook. Чтобы получить этот ID, нужно создать своё приложение.

Приложение для Facebook можно создать на странице Dashboard. При добавлении приложения выбираем вариант "Веб-сайт" и вводим название приложения. Система создаст код, аналогичный предыдущему Facebook SDK для JavaScript, но содержащий ID нового приложения, например:

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

Однако, после вставки вышеприведенного кода шаблон и его не принял, выдавал ошибку. Теперь вариант остался один - внедрить код основной версии Facebook SDK для JavaScript, о которой уже говорили.

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

Если в случае с комментариями В контакте достаточно настроить виджет, получить код, разместить его на своем сайте и комментарии на сайте сразу заработают, то в случае с комментариями Facebook если вы зададите параметры комментариев Facebook на странице плагина комментариев https://developers.facebook.com/docs/plugins/comments , и разместите полученный код на своем сайте, то с большей долей вероятности коммнтарии Facebook не будут работать, вы будете получать сообщение об ошибке.

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

И о том, что нужен идентификатор приложения тоже есть информация.

Оба этих кода нужно вставить в наш шаблон между тегами и
Поэтому прежде чем создавать виджет комментариев Facebook сначала добываем эти два идентификатора. Начнем с идентификатора пользователя Facebook. Первоначально у каждого пользователя социальной сети был цифровой идентификатор. Если вы его не меняли, то когда вы находитесь в своем профиле видите в конце адресной строки браузера набор цифр. http://www.facebook.com/profile.php?id=123456789 Цифры в конце ссылки и есть ваш идентификатор пользователя. У вас соответственно будут другие цифры.

Но когда социальная сеть Facebook стала предлагать своим пользователям вместо номера желаемые идентификаторы, многие пользователи поменяли идентификаторы, и я в том числе тоже. У меня он выглядит так: http://www.facebook.com/tatyana.rodionovskaja Но если ввести желаемый идентификатор, а не номер, который был изначально, то опять же комментарии на сайте не будут работать корректно.

А дальше проделываем следующее:
Берем вот такую ссылку: https://graph.facebook.com/ и в конце ссылки добавляете свой идентификатор. У меня полная ссылка выглядит вот так: https://graph.facebook.com/tatyana.rodionovskaja. У вас все будет аналогично, только идентификатор будет ваш. Копируете эту ссылку, вставляете в адресную строку браузера, нажимаете "Enter" и получаете свой первоначальный идентификатор.

Появляется всплывающее окно в котором нужно ввести название приложения и выбрать категорию.

Вводим защитный код и получаем такое сообщение:

После этого нужно будет заново создавать приложение. Для этого переходим по ссылке: https://developers.facebook.com/apps/ и и после того, как вы ввели ввели название приложения и капчу вы сможете увидеть свой Идентификатор приложения.

Не забывайте, что у вас цифры будут отличаться. Делается это точно так же, как и с кодом комментариев Вконтакте.
После этого снова идем в панель разработчика вот по этой ссылке:
https://developers.facebook.com/docs/plugins/comments и настраиваем виджет комментариев социальной сети Facebook.

В данном случае абсолютно не важно на чем у вас сделан сайт, или это HTML сайт, или Wordpress, или Joomla. Только не забывайте, что у вас будут другие идентификаторы. Если у вас сайт на Wordpress, то эти два кода нужно вставить в вашем шаблоне в файл header.php Точно так же как при подключении комментариев Вконтакте находим этот файл в панели администратора ("Внешний вид" - "Редактор" - "Заголовок ")

Если сайт на Joomla 2,5, то здесь в своем шаблоне, который у вас установлен по умолчанию ищите файл index.php

Теперь вставляем первую часть кода, который мы получили после заполнения формы перед открывающимся тегом

Обратите внимание, что этот код уже содержит ваш идентификатор администратора.

Для HTML сайта вставляете код туда, где вы хотите чтобы отображались комментарии. Если у вас сайт на Wordpress, то вставить код в файл index.php или это может быть файл single.php Там находите тег:

И вставляете непосредственно перед этим тегом.

Для Joomla 2,5 создаете модуль и выбираете для этого модуля позицию из тех, что прописаны в шаблоне. Перед тем, как что-то делать на сайте не забывайте про резервную копию.

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