Комментарии ВКонтакте и Facebook в блоге и на сайте


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

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


Среди других плюсов стоит отметить удобное администрирование комментариев и то, что обсуждение идет одновременно на страничке пользователя и у меня в блоге, а друзья человека, оставившего свое мнение, узнают о записи из его ленты Новостей. Кроме того, виджиты комментариев работают на статичных сайтах, например, на Яндекс.Народе. Это просто замечательно!

Стоить также помнить о том, что прокомментированная новость становится статусом пользователя ВКонтакте или Facebook, а статусы отлично индексируются Яндексом.

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

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

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

Вы должны быть авторизированны. Или попросите получить для вас код знакомого, зарегистрированного ВКонтакте. Не имеет значения, из какого аккаунта это делать.

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

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

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

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

<!-- 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 шли одним блоком. Поэтому вставил код виджета комментариев сразу после надписи «Поделитесь своими мыслями, оставьте комментарий!»

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

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

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

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

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

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

В окошке копируем код виджета для комментариев 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 есть практически у каждого.

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставите комментарий ?

14 Комментарии。

  1. а если еще и это?

  2. можно объединить виджеты коментариев контакта и фейсбук в один виджет?

  3. А если я хочу коды фэйсбука и контакта на разных страничках установить, не будет ли такого, что одни и те же комменты будут повторяться на всех страницах?

  4. А как насчет администрирования виджета от Facebook?

  5. Комментарий с картинкой

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

  7. Уже давно пытаюсь написать подробно, как установил его себе. Называется Discus, но пока не могу уверенно оценить.

  8. а это дискус?

  9. Александр

    Сейчас оставил ВКонтакте, а это — да, Дискус.
    Есть много достоинств, есть свои недостатки, но в общем устраивает.

  10. Александр

    Да, что-то там подправил в предлагаемом коде. Сейчас уже не помню, что именно, но у меня такой код:

    в хедере обычный:

    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = «//connect.facebook.net/ru_RU/all.js#xfbml=1»;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, ‘script’, ‘facebook-jssdk’));

    в коде single-страницы (для вордпресс) исправленный на это:

    <fb:comments href="» num_posts=»4″ width=»520″>

    Сейчас уже не помню, но видно, что дело в указании ссылки:

    href=»»

  11. Александр

    Перекосило код в комменте, дам еще картинкой

  12. Тоже это интересует!

  13. internet-reklama-saytov

    В России конечно, веб маркетинг пока находится на уровне? динозавров. «секреты раскрутки», «продвижение сайтов», накрутка — это всё полная фигня. Задача любого маркетолога — сделать так, чтобы определенные ЛЮДИ сделали определенные действия. Не привлечение трафика, накрутка каких-то там показателей — а взаимодействие с людьми. Думайте стратегически — влияйте на людей на всех этапах покупательского цикла, стройте бренд, проведите полноценное маркетинговое исследование ДО применения тактик.

  14. Елена

    Спасибо, совершенно ничего сложного как оказалось нет, установила виджет к себе за пару минут, всё работает прекрасно!

Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>