Ответ: как интегрировать форму комментариев от Vkontakte и Facebook

На прошлой недели я получил через форму обратной связи вот такой вопрос

у меня такая проблема значит стоят плагины Vkontakte API и Facebook Like Button они выводят комментарии через контакт и facebook у меня на сайте, но при установке плагина Disqus формы комментариев вконтакте и faceebok не выводятся, а только форма комментариев Disqus. Возможно ли настраивать чтобы сохранить и формы комментариев через контакт и facebook?

Очень быстро я не мог отреагировать на письмо, вот вчера нашел первый плагин, который по идее должен выводить форму комментариев от социальной сети Vkontakte. Но вот проблема, для его установить нужно получить код или ID. Меня озадачило такое требование, плагин оказался посредником между сетью и блогом, зачем тогда его использовать? Я уже несколько раз сталкивался с такими дополнениями: сначала устанавливал плагин, который выводил виджет Твитера на страницах блога, а затем нашел простой код вывода виджетов на одном сервисе, принадлежавшем Twitterу.com.

Устанавливаю форму комментирования от социальной сети Vkontakte

И я оказался прав, поэтому я не устанавливал на блог плагин Vkontakte API. Я прошел вот по этому адресу: http://vk.com/developers.php#devstep2.

Обращаю внимание на вот такой блок ссылок.

В нем меня интересует первая ссылка(1), которая вызываем мастер создания формы комментирования от Vkontakte. Другие ссылки позволяют получить коды кнопки “Нравится”, блока сообщества, которые размещаются многими на страницах развлекательных интернет-ресурсов.

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

Настройка очень проста, я даже не буду ее описывать, а что там делать, ввел адрес блога, название, ширину будущей формы комментирования, установить количество комментариев на одном развороте. Внизу вижу, как все будет отображаться. В окне получения кода его выделяю и вставляю в документ Notepad++. В общем, я получил не один, а два отдельных кода, первый(2) я должен вставить в файл header.php, второй код(3) я должен интегрировать в файл single.php, в то место, где должна выводиться форма комментирования.

Скачиваю с хостинга нужные файлы и вставляю их. Файл header.php: вставленный код обведен рамочкой(2), чтобы я его не спутал с кодомм шаблона, начало и конец его ограничиваю тегами комментирования.

Как видите код вставлен до тега </head>, так требует сервис(6). Второй код я интегрирую в код файла single.php.

Вставленный код(7) я размещаю перед кодом интегрирования формы комментирования, которая реализована на блоге по умолчанию(8). Что это значит? Будет загружаться текст поста, после него будет отображаться форма комментирования от социальной сети Вконтакте, и текст 10-и комментариев. После этого будет отображаться обычная форма комментирования. Если Вы станете участником службы комментирования от Дискус, его форма комментирования будет выводиться вместо обычной формы комментирования, а если Вы установите плагин Vkontakte API, он будет также пытаться вывести форму комментирования вместо обычной формы комментирования, и конкурировать с Дискусом.

Но возникла проблема, форма комментирования не будет отображаться, пока мы не получим API_ID (5) и не вставим в код. Чтобы его получить, нужно пройти по ссылке (4). Попадаю на эту форму “Документация о виджете комментариев”, ищу ссылку(9)

Затем создаю новое подключение(10)

Прохожу несколько шагов: заполняю первоначальную форму

указываю характеристику моего веб-ресурса(11), ввожу название блога и описания. Далее на мой сотовый телефон мне приходит SMS с кодом подтверждения, который должен ввести в форму(12).

Прохожу еще несколько шагов, в итоге мне в форме дается код, состоящий из 7 цифр. Вот его я должен вставить вместо слова API_ID (5). И уже после этого перекинуть  файлы в папку установленного шаблона. Покликайте несколько раз по ссылкам меню блога. Форма комментирования должна появляться на каждой странице с полными статьями блога.  Если желаете использовать только ее, то в файле single.php удалите или закомментируйте код, который выводит форму комментариев(8).

Устанавливаю форму комментирования от социальной сети Facebook

Для этого я должен посетить вот этот адрес http://developers.facebook.com/docs/reference/plugins/comments/. Заполняю формочку – там опять же ничего мудреного

Получаю код формы комментирования от facebook.

Первую часть кода(14) я должен вставить в файл header.php, рядом с тем кодом, который я получил от ресурса Вконтакте и вставил в этот же файл 6, только после тега <body>.

Второй код я немного должен отредактировать: заменить адрес блога http://.......ru на (15)вот такой код <?php the_permalink (); ?>, и уже после этого вставить в код файла single.php, рядом с кодом виджета от Вконтакте(7, но до кода 8), можете между ними вставить тег <br>.

В результате получаем вот такую систему комментирования на блоге

Итог. Я выполнил работу над добавлением форм комментирования от Вконтакте и Facebook на реально работающий интернет-ресурс, написал отчет для Вас. Я надеюсь, что этот женский блог станет успешным, технически я ему немного помог. Теперь можете подключать систему комментирования от Дискус. Но для своего блога не делал бы ничего подобного. Нужно установить одну систему комментирования, изучив аудиторию своего ресурса. Если блог предназначен для молодежи, то следует подключаться к Вконтакте, если взрослая аудитория – Фейсбук. Ожидать бешеного комментирования записей только из-за то, что висит 3 – 5 форм, не приходится. Тут главное побудить читателя черкануть пару строк к статье.

Всем удачи.