Как сделать комментарии вконтакте и фейсбук для каждой страницы блога? Комментарии Facebook и как с ними работать.

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

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

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

Первую часть кода 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, содержащий ID? После того, как мы добавили приложение, для создания кода комментариев Facebook, возвращаемся на страницу документации для разработчиков и генерируем код, уже содержащий ID приложения.

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

Настройка социального плагина комментариев Facebook Какой бы вариант кода вы не использовали, вторая часть кода не меняется, определяет место отображения блока комментариев и его настройки. Из перечисленных на странице генератора кода, в разделе "Settings", настроек плагина, больше всего нас интересует значение атрибута "data-href". В сгенерированной второй части кода, этим значением является URL-адрес вашего сайта. То есть, можно предположить, что все оставленные комментарии будут привязаны ко всем статьям блога. Такие комментарии, размещенные в плагине, будут постоянно связаны абсолютным URL. Транслирующиеся комментарии на Facebook размещенные в плагине будут также ссылаться на этот единственный URL. Для того, что бы оставленный комментарий под одним сообщением не отображался под другим, и принадлежал одному URL-адресу, замените URL-адрес сайта на код вывода страниц CMS. Для каждой системы, значение атрибута настройки "href" будет разным, то есть у каждой CMS код вывода страниц разный. Например, как настроить комментарии Facebook в Blogger, читайте в статье

Привет друзья! Как Вы наверно заметили, я какое-то время не писал в своем блоге. У меня есть вполне уважительная причина — скажу в конце этого поста! А пока, я решил поставить на свой блог комментарии Вконтакте и Facebook.

Кто-то может подумать — а что тут интересного??? Весь интернет пестрит подобными статьями. Не спешите!!!

Фишкой этой статьи будет правильная установка комментариев facebook. Дело в том, что по умолчанию установленные комментарии фейсбук в блогах на worpdress, дают не очень хороший эффект. А именно, комментарии фейсбук печатаются один за другим для разных статей, т.е. вы заходите в разные статьи, а там везде вылезают все комментарии фейсбук в одну кучу. Я подумал в чем засада? И при помощи своей смекалки и интернета — решил этот вопрос! 🙂 Ну, давайте — обо всем по-порядку!

Перехожу на страницу разработчиков Вконтакте — Виджет для комментариев и нажимаю подключить новый сайт. Заполняю все необходимые поля на свое усмотрение, в любой момент можно изменить все параметры. И собственно, получаю код для вставки комментариев Вконтакте на свой блог.

Тут всё предельно просто! Копирую верхнюю часть кода и вставляю ее между тегами и . Обычно в блогах на wordpress, эти теги расположены в файле header.php, открываю редактор и вставляю эту часть кода.

VK.init({apiId: 2408684, onlyWidgets: true});

Копирую нижнюю часть кода и вставляю ее после стандартных комментариев в статьях. У меня на блоге комментарии находиться в в файле comments.php, вставляю и сохраняю файл.

VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});

Открываю любую статью на своем блоге для проверки — как работают мои комментарии Вконтакте.

Честно говоря, сначала хотел поставить комментарии Вконтакте до основных комментариев, но решил — пусть сначала будут основные комментарии, а уже за ними комментарии Вконтакте и комментарии Фейсбук.

Теперь комментарии Вконтакте уже работают на моем блоге, надо поставить комментарии Фейсбук. Для этого я захожу на страничку разработчиков Facebook , и если Вы еще никогда не создавали приложений на Фейсбуке, то создайте впервые, нажав -> + Создать новое приложение (там нужно пройти несколько простых шагов).

Обратите внимание на этот шаг, Вы знаете у меня несколько блогов, так вот, я не стал заострять внимание и регистрировать новое приложение. А вот, когда писал продолжение этой статьи, понял что ошибался, надо регистрировать приложение и получать API ID для каждого своего сайта!

У меня приложение уже создано, поэтому, я перехожу непосредственно на страницу виджета комментариев Facebook . Заполняю параметры и нажимаю на кнопку get code, для получения моего кода комментариев Фейсбук.

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

(function(d, s, id) { var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=117292025077287"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "facebook-jssdk"));

А вот нижнюю часть кода копирую, и дабы исправить неприятную оплошность — комментарии facebook по умолчанию на некоторых системах управления контентом, в частности вордпресс, имеют свойство записываться под одним URL. Т.е. другими словами, комментарии фейсбук записываются не для каждой статьи отдельно, а сливаются все в одну кучу. С такими свойствами многие люди отказываются ставить себе комментарии фейсбук. А ведь лекарство оказалось таким доступным!!! 🙂

Чтобы комментарии фейсбук не сливались в одну кучу, а были для каждой страницы блога в отдельности — для блогов на wordpress достаточно заменить в нижней части кода URL своего блога (в моем случае — http://сайт) на php код из кодекса worpdress (), который вызывает текущую страницу блога.

В итоге, получаю исправленный код для моих комментариев facebook.