Многие видели, а некоторые и пользовались формами комментариев ВКонтакте или Facebook на разных сайтах. Виджет формы устанавливается в течение считанных минут, а польза от него — неимоверная.

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

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

Выбираем «Подключить новый сайт», пишем его название и адрес. После нажатия на «Сохранить», нужно ввести проверочный код капчи.

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

Выбираем количество комментариев, которые будет видно в развернутом виде. Остальные будут свернуты. Включаем или отключаем «Медиа» — расширенные комментарии (возможность размещать граффити, фотографии, видео, аудио и ссылки).

Указываем ширину формы комментариев. Потом ее всегда можно изменить на странице разработчиков или прямо в полученном коде. Выставленное по умолчанию «496 px» вполне универсально. В окошке копируем «код для вставки».

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

Код для вставки состоит из двух частей. Первая часть вставляется на странице между тегами <header> и </header>. Как правило, это делается в файле темы «header.php».

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

<!-- Put this script tag to the <head> of your page --><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script><script type="text/javascript"> VK.init ({apiId: 2461371, onlyWidgets: true});</script>

В данном коде номер 2461371 является идентификатором определенного сайта и работает только на его страницах.

Вторая часть кода вставляется в том месте, где должна выводиться форма комментариев ВКонтакте.

<!-- Put this div tag to the place, where the Comments block will be --><div id="vk_comments"></div><script type="text/javascript">VK.Widgets.Comments («vk_comments», {limit: 5, width: «496», attach: «*»});</script>

Размер (ширину) блока комментариев ВКонтакте меняем здесь «width: «496»».

Советуют ставить ее в php-файл, отвечающий за вывод одиночной записи, «single.php», но я поставил в файл комментариев из папки темы, «comments.php». Мне захотелось, чтобы комментарии WordPress, ВКонтакте и Facebook шли одним блоком. Поэтому вставил код виджета комментариев сразу после надписи «Поделитесь своими мыслями, оставьте комментарий!»

Это интересно:  Как сделать напоминания Windows поверх всех окон

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

В итоге должно получиться нечто подобное.

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

Установка комментариев Facebook на сайт

В случае с Facebook действуем также, только есть преимущество — для получения кода не нужна регистрации в этой социальной сети и код вставляется в одном месте страницы.

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

На этой странице предварительно нужно указать адрес сайта (URL to comment on), количество несвернутых комментариев (Number of posts), ширину блока (Width) и выбрать одну из цветовых схем (Color Scheme) — светлую или темную (light/dark).Затем нажимаем кнопку Get Code (получить код).

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

Вот, кстати, как выглядит темный вариант формы для комментариев.

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

В окошке копируем код виджета для комментариев Facebook.

Как установить на сайт, в блог комментарии ВКонтакте и Facebook. Виджеты

Код выглядит примерно так:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="umnet.ru" num_posts="4" width="520"></fb:comments>

Здесь определяющим идет не идентификационный номер, а адрес сайта.

Размер меняется на участке «width="520"».

Самое интересное, что эти скрипты можно использовать на статических сайтах. И если у вас есть сайт на Народе, то не нужно пользоваться какими-то форумами или гостевыми книгами — посетители смогут комментировать записи на страницах, не отходя от «кассы». А аккаунты ВКонтакте или Facebook есть практически у каждого.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Самое интересное в блоге

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

пять × 3 =