Виджет комментариев ВКонтакте. Зачем он нужен и как его установить на блог | BusinessBlogger.ru

Сегодня ночью в районе 1 по Москве некто Павел Дуров анонсировал новость о выпуске виджета комментариев Вконтакте.

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

Виджет комментариев ВКонтакте

А теперь подумаем, что хорошего в этом виджете. С одной стороны подобных систем в интернете существует очень много. И прикручивать их можно на различные сайты и CMS платформы. А с другой стороны, чем наиболее примечателен виджет именно от Вконтакта? Давайте порассуждаем.

При помощи виджета ВКонтакте Вы можете за 5 минут (действительно 5 минут, если знаешь что и куда вбивать) добавить на Ваш сайт возможность комментирования статей и других материалов. 80 миллионов пользователей (информация от Павла Дурова, но давайте не будем лукавить, реальных людей среди этого количества просто в разы меньше ) не только смогут моментально делиться своим мнением без дополнительной регистрации, но и автоматически привлекут к обсуждению своих друзей.

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

Вот это уже здорово. Приведу все преимущества виджета комментариев ВКонтакте, а заодно чуть ниже поговорим о том, как установить видждет, в частности себе на блог:

1. Масштаб. Необходимость регистрации является дополнительной преградой при оставлении комментария, в результате чего общение часто приобретает анонимный или ограниченный характер. ВКонтакте зарегистрированы практически все пользователи Рунета, поэтому любой читатель сможет сразу прокомментировать Ваш материал от своего настоящего имени — с фотографией и ссылкой на подробную информацию о себе.

2. Вирусность. Каждый комментарий, оставленный через виджет, автоматически транслируется на страницу прокомментировавшего, а также попадает в Новости у его друзей. В результате о комментарии и существовании статьи узнают друзья комментатора, которые смогут присоединиться к дискуссии. Об их комментариях в свою очередь будут оповещены уже их друзья — и так далее. Дальше информация о материале может распространяться лавинообразно, обеспечивая резонанс.

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

4. Скорость. В отличие от других возможностей социализации, виджет ВКонтакте очень прост в установке и может быть внедрен на все страницы Вашего сайта в течение 5 минут. Для достижения высокой скорости установки и работы виджета мы применили новейшие технологии и задействовали десятки наиболее мощных серверов ВКонтакте.

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

Виджет комментариев ВКонтакте

6. Цитируемость. Каждый комментарий становится статусом пользователя ВКонтакте и содержит ссылку на Ваш ресурс. Комментарий появляется не только в новостях у друзей пользователя, но и в поиске по статусам ВКонтакте. Благодаря партнерству между ВКонтакте и Яндексом данные статусы в течение месяца будут индексироваться в поиске Яндекса в режиме реального времени, что станет источником дополнительной посещаемости для сайтов, разместивших виджет.

7. Независимость. Текст всех комментариев хранится и обрабатывается на серверах ВКонтакте, однако мы предоставим API для администраторов сайтов, который позволит им сохранять все комментарии и на собственных серверах. Это не только предоставит им расширенные возможности для анализа комментариев, но и позволит в дальнейшем, в случае возникновения такой необходимости, отказаться от интеграции с ВКонтакте.

8. Гибкость. Предложив ряд уникальных преимуществ, мы постарались сделать виджет комментариев максимально привлекательным для администраторов и пользователей сайтов. Однако мы понимаем, что российские новостные и развлекательные ресурсы могут нуждаться в дополнительных возможностях настройки виджета. Мы всегда готовы пойти навстречу владельцам сайтов. Для реализации конкретных интересных предложений, пожалуйста, обращайтесь в нашу пресс-службу.

И чтобы там не говорили и не гнобили сайт Вконтакте, он создаёт львинную долю рунет траффика. Поэтому я не задумываясь решил прикрутить данный виджет к блогу. У меня это получилось и сейчас расскажу как установить виджет комментариев ВКонтакте на движке WordPress.

Чтобы добавить на Ваш сайт виджет комментариев ВКонтакте необходимо выполнить три шага:

1. В тег <head> страницы Вашего сайта необходимо добавить следующий код:

<script src="http://vkontakte.ru/js/api/openapi.js"
type="text/javascript" charset="windows-1251"></script>

2. На странице сайта необходимо добавить следующий блок кода внутри:

<script type="text/javascript">
  VK.init({
    apiId: ВАШ_API_ID,
    onlyWidgets: true
  });
</script>

Как получить этот API_ID? Итак, заходим по данной ссылке В Контакт и вбиваем в форму название вашего сайта, и ссылку на него, устанавливаем количество выводимых комментариев и ширину блока с комментариями, после чего жмакаем небольшую кнопку внизу и получаем в форме где написано «Код для вставки» собственно то, что нужно для нашего блога. Там же будет прописан уже Ваш API_ID.

Кому в лом читать, вот здесь показано картинкой, что за что отвечает (картинка кликабельна)

Виджет комментариев ВКонтакте

В принципе в тег head вы можете добавить всю часть кода, которая написана после <!-- Put this script tag to the <head> of your page --> до <!-- Put this div tag to the place, where the Comments block will be -->. Её нужно скопировать и вставить в header.php вашего шаблона для WordPress где-нибудь между тегами <head></head>.

3. Также на странице Вашего сайта необходимо добавить элемент DIV в котором будут комментарии, задать ему уникальный id, и добавить блок кода инициализации виджета.

<div id="vk_comments"></div>
<script type="text/javascript">
 VK.Widgets.Comments('vk_comments');
</script>

Этот код добавляет блок комментариев стандартного вида: изначально отображаются 10 последних комментариев. Ширина блока будет подобрана автоматически исходя из положения элемента vk_comments. Идентификатор странице будет задан по её URL, но можете задать в принципе ширину сами.

Код после слов <!-- Put this div tag to the place, where the Comments block will be --> копируем и вставляем в то место шаблона, где будут выводится комментарии. Обычно это находится в файле comments.php. Где именно там его расположить выберите сами.

Подробнее как подключить виджет вот по этой ссылке.

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

Вот Вам креативчик от рекламщиков. Режиссер Nico Caicoya из Agosto уверяет нас, что никаких спецэффектов и сложного постпродакшена в ролике нет. Все 45 секунд представляют собой практически один статичный кадр, сделанный камерой, закрепленной на стене вращающейся комнаты, которую специально построили для съемок.

  • http://www.webcake.ru Антон

    Интересно, интересно, как будет мой коммент отражаться из-за вконтакта.

    • http://businessblogger.ru Михаил Киль

      Да нормально отражается =)

      У меня единственная проблема: в Мозилле съезжает шапка, а вернее нижнее меню шапки вниз. Но это не из-за виджета, это сразу так было.

  • http://businessblogger.ru Михаил Киль

    В общем комментирование Вконтакте вещь очень интересная и для траста траффика хорошая. Но вот пока сыровата. Перечислю первые недостатки с которыми я столкнулся:

    1) Нет возможности администратирования комментариев. Т.е. никакой модерации, кроме как зайти на страницу и посмотреть.

    2) На ваших старых записях может быть капец какой спам твориться с данной формой виджета. И вы его никак не увидите, пока не зайдёте на страницу.

    3) Количество комментариев не отображается в шаблоне, ну да это и понятно. Тут надо прикручивать уже просто в WordPress более тесно этот виджет или ждать умельцев, которые плагин напишут.

    4) Как только вы решили немного поменять положение формы виджета комментирования Вконтакте, т.е. код просто переместили в другое место, так все комментарии пропадают =) Вот это капец какой минус =)

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

  • http://businessblogger.ru Михаил Киль

    И ещё один охрененный косяк. Не важно даже где эта форма находится. Если она съезжает по странице вниз, все комментарии из нее пропадают. Ололо =) Вообще не тема. Т.е. они должны быть расположены чуть выше основных комментариев блога.

    Еще один тест сделаю: если страницу, т.е. заметку изменить, как будут выглядеть комментарии Вконтакте? Тоже пропадут? =)

  • http://businessblogger.ru Михаил Киль

    Нет не пропадают комменты из Виджета. Видимо программисты Вконтакте что-то делали в этот момент или БД подвисала, поэтому и не отображались. Сейчас все комментарии востановлены. Скорее всего не было связи с БД Вконтакте. Так что ложная тревога =)

  • http://boosya.ru/ BoOsYa

    Интересная и удобная вещь, но мне помимо всех перечисленных минусов не нравится, что получается две ветки комментариев. Но, конечно, для продвижения сайта фича полезная :) Будем следить за развитием виджета.

  • http://businessblogger.ru Михаил Киль

    Минус такой. Как только меняется чуть-чуть url страницы, не отображаются уже написанные ранее комментарии в виджете.

    Т.е. допустим адрес страницы, на которой размещаются комментарии в виджете выглядит так: http:/адрес сайта/адрес страницы.html

    Пример этой страницы: businessblogger.ru/vidzhe...vit-na-blog.html И если перейти по этой ссылке, то комментарии в виджете отобразятся.

    Но стоит допустим пройти вот по такой ссылке businessblogger.ru/vidzhe...tml#comment-2223 т.е. на комментарий WordPress под соответствующим номером как комментарии в виджете пропадают. Тоже не очень правильный момент.

  • http://vhlame.ru/ Рысик

    Благодаря партнерству между ВКонтакте и Яндексом данные статусы в течение месяца будут индексироваться в поиске Яндекса в режиме реального времени

    Ну просто очень интересно!!! Дуров-сотоварищи прям шокировали! Интересно только как они будут индексироваться в реальном времени? Бот чтоли сразу на статус новый бежать будет и сжирать ссылу? Я так понимаю, что если ссылка в статусе, то не только из комментов, а любая, прописаная в статусе будет индексироваться Яшкой. К тому же все ссылки имеют вид away.php?to= так что вся эта ихняя писанина- лишь раскрутка очередной «сырой» разработки.

    ЗЫЖ вот если б внедрить в систему комментирования типа disqus.com эту возможность комментирования со своего акка, то было бы ништяк. А так- никчему поля отдельные: только спамеров у себя пригревать

  • http://Сайт Катя

    Дым растворялся в шлейфе света, Собою заполнял пространство, Нес запах, таял в вышине; Став символом непостоянства, Он поселился вдруг во мне…

  • http://artemosha.info Артем

    Интересный виджет, но я вот пока себе в блог его ставить не решился

  • http://megaconsulting.ru Дмитрий

    Я для wordpress плагинчик написал, на сайте своем выложил — так что никаких правок темы не нужно, плагином удобнее пробовать.

  • http://creoblog.ru/ Денис

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

    • http://businessblogger.ru Михаил Киль

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

      • гость

        у меня пропали, потому что были get параметры в урле

  • http://businessblogger.ru Михаил Киль

    Виджет комментариев «В Контакте» теперь позволяет пользователям вставлять в сообщения картинки, аудиозаписи и видеоролики: ruformator.ru/news/article070C1

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

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

    Чтобы добавить мультимедийное вложение к комментарию, нужно нажать на ссылку «Прикрепить» в правой части формы комментария.

  • http://Сайт Женя

    Помогите установить плыс!

    • http://businessblogger.ru Михаил Киль

      Евгений, да вроде описал подробнее некуда в заметке. Что именно у вас не получается?

  • http://Сайт Женя

    Отличная статья

  • http://blog.webshoot.in.ua/ Александр

    «Там же будет прописан уже Ваш API_ID.»

    А у меня он не прописан:

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

  • http://predmet-dekor.ru/ Женя

    Скажите, а что делать если нет возможности разместить часть кода в ? суть в том, что мой сайт сделан на неком конструкторе, те у меня есть возможность редактировать только ...

  • http://knigaslov.ru/ Андрей

    «Там же будет прописан уже Ваш API_ID.»

    А у меня он не прописан:

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

    После «VK.init ({apiId:...» вместо «...API_ID...» нужно вставить ID приложения, получить его можно зарегистрировав приложение тут: vk.com/developers.php?o=-1&p=Comments

  • http://knigaslov.ru/ Андрей

    У меня вопрос, как администрировать всё это чудо?

    Как удалять комменты?

    И вообще, индексируются-ли они?

    • http://businessblogger.ru Михаил Киль

      Насчёт индексации лучше почитать Вконтакте или в сети поискать. А вот модерируются они несколько примитивно, но тем не менее. Нужно чтобы вы авторизованы были на блоге + зашли с того браузера, в котором вы залогинены Вконтакте. С любой статьи спускаетесь на форму комментариев от Вконтакта и там видите в форме ссылочку «администратирование», жмакайте на неё и вуаля все комментарии видны на вашем блоге. Тут же можете спамные поудалять или ответить на комменты интересующие.

      • Елена

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

  • http://Сайт Александр

    Да, неплохо...

  • http://Сайт Сергей

    Добавил виджет на blogspot.com

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

  • http://Сайт Ирина

    Помогите пож. пропали комментарии, в администрировании в разделе обзор отображаются, а на странице с комментариями их нет?? Как исправить, в чем проблема?

    • http://businessblogger.ru Михаил Киль

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

  • http://Сайт Ирина

    Спасибо, Михаил))

  • http://Сайт Антон

    Хотелось бы иметь возможность видеть все добавленные комментарии через блок ВКонтакте на одной странице в админке. Как реализовать такую возможность?

  • http://kopywriter-partner.ru Андрей

    А есть виджет комментирования, аналогичного виджету на сайте 3dnews?

  • http://mylokot.com Сергей

    Я на сайте своего посёлка www.mylokot.com вставил этот код, всё работает, но один только вопрос. При администрировании комментариев — они все сбиты в одну кучу, может есть какоё способ выстроить иерархию, и разбить на разделы?

    • http://businessblogger.ru Михаил Киль

      Уж какой есть, увы, Сергей.

  • http://onlinemults.ru Hecyk

    Я вот установил на сайт onlinemults.ru виджет комментариев от контакта. Но почему-то администратировать не могу, а вроде как это уже реализовали(администратирование). Как быть??

    • http://businessblogger.ru Михаил Киль

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

  • http://Сайт serg

    Вопрос такой , как?-выводить данные кометарии в сайд-бар? С аватарками комментирующих ? Очень надо Хелп!!!

  • http://www.mynbt.ru/ Игорь

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

    При желании, каждый оставленный комментарий может транслироваться на страницу комментатора ВКонтакте со ссылкой на исходную статью.

    Как можно сделать, чтобы ссылка шла не на исходную статью, а только на главную страницу сайта?

  • Василий

    Михаил, здравствуйте.

    Сейчас стою перед выбором, ставить VK+обычные комментарии или Disqus (как сейчас у вас).

    Вы писали:"UPD от 09.11.2011: виджет я с блога пока временно убрал"

    Временно по всей видимости перешло в постоянное.

    Можете объяснить свой окончательный выбор.

    • http://businessblogger.ru/ Kiel Michael

      Добрый день, Василий!

      Да это просто вопрос предпочтения вот и всё. Как считаете нужным, так и делаете. Вписывается это у вас в блог — вставляйте. Возможно, что обновив дизайн я снова поставлю форму комментирования от ВК. Но пока вот такой вариант меня устраивает )

  • http://www.facebook.com/profile.php?id=100001539606653 Анастасия Трубилина

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

    Подскажите, как сделать, чтобы о комментариях приходили оповещения на эл.почту?

    • Дмитрий

      Никак. Оповещение придет только об ответе на Ваш комментарий, только в социальную сеть и только если Ваш комментарий был опубликован на стене

      • http://businessblogger.ru/ Kiel Michael

        +1 =)

  • Michael Dauson

    пи

    • http://businessblogger.ru/ Kiel Michael

      Что пи?=)

  • Валерий Мишаков

    В контакте написано, что один блок комментариев можно ставить на основной сайт и на зеркало. Чтобы и там и там были одинаковые комментарии. Но как это сделать не объяснено. Там в дополнительных функциях это должно описываться.

    Вы случаем не знаете как это делать?

  • Денис

    Здравствуйте!

    Важный вопрос. Можно ли сделать так чтоб на сайте была информация со стены группы (синхронизировалась при загрузке сайта) и комментирование шло как в группу так и на страницу пользователя?

    • http://businessblogger.ru/ Kiel Michael

      Да, такое возможно вроде бы реализовать, видел что-то подобное. Вот как это будет технически сделано я не знаю, лучше к специалистам обратиться

  • Сергей

    А как редактировать названия сайта? И как удалить из списка сам сайт?

  • Сергей Ломакин

    А ещё важно комментарии в таком вот виджете отслеживать и оперативно на них реагировать. Мне не нравилось, что постоянно надо заходит на сайт и их проверять. В итоге нашёл и пользуюсь socrocket.ru и всё что мне пишут на сайте быстро получаю в telegram