БлогWordpressУстановка виджета комментариев Вконтакте на сайт

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

ВконтактеUPD 17.12.2013 — обновлен код для вставки виджета на сайт.

Привет всем! В прошлой статье я начал рассказывать о том, как подключить комментарии из социальных сетей у себя на сайте. Рассказал о плюсах и минусах таких систем комментирования, а также показал, как установить Facebook комментарии.

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

Кстати, вместе с ростом популярности Вконтакте, растет и потребность в продвижении на просторах данной социальной сети. Предложений на рынке много, но не все они полно отвечают требованиям заказчика. Одним из наиболее эффективных онлайн сервисов раскрутки и продвижения является Soclike. Подписчики в группы и на личные профили, лайки, репосты и многое другое. Продвигай свои группы при поддержке команды профессионалов!

Итак, начнем без долгих прелюдий. Заходим на страницу разработчиков Вконтакте, где переходим по ссылке «Виджеты и сторонние сайты». Здесь нас интересует виджет комментариев. Из списка виджетов выбираем «Комментарии». На странице находим окно с настройками виджета и вводим туда необходимые параметры:

настройки виджета Вконтакте

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

Вводим название для сайта (вводите любое название, оно будет видно только вам) и его адрес.

Далее в поле «Количество комментариев» выбираем число комментариев, которые будут видны пользователям. Остальные комментарии будут скрыты под катом.

В пункте «Медиа» поставьте галочку, если хотите, чтобы в комментарии можно было вставлять аудио, видео записи, граффити и т.д.  Нажав ссылку «подробнее» можно выбрать определенные пункты.

Затем выбираем необходимую ширину виджета.

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

Первую часть необходимо вставить между тегами ‹head›‹/head› в шапке вашего сайта. Для WordPress это файл header.php в папке с темой оформления.

 <script type="text/javascript" src="//vk.com/js/api/openapi.js?105"></script>
<script type="text/javascript">
 VK.init({apiId: 1234567, onlyWidgets: true});
</script> 

Вторую часть вставляем в то место, где непосредственно должны выводиться комментарии (например, если у вас движок wordpress и вы хотите установить комментарии на станицах со статьями, то вам нужно вставить этот код в файл single.php)

 <div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "540", attach: "*"});
</script> 

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

Теперь вы узнали, как подключить комментарии Вконтакте и Facebook комментарии. Выбирайте то, что вам больше подходит!

Не забывайте подписываться на обновления моего блога. Подписчики всегда первыми узнают о новых конкурсах и акциях 😉 Удачи!

Понравилась статья? Подписывайтесь на мой RSS канал rss канал, следите за мной в Твиттере , или получайте статьи по почте:


31 отзыв к записи "Установка виджета комментариев Вконтакте на сайт"

  1. ZeroXor

    Неоднократно видел подобные подключенные виджеты. Удобно, но один момент очень смущает. Получается, что к одному посту идут три ленты комментариев (комменты из ВКонтакте, комменты из Facebook и комменты непосредственно через форму блога). Вот интересно, можно ли как-то сделать так, чтобы все комменты складывались в одну ленту комментариев. Куда как симпатичнее бы смотрелось, IMO.

    • Seostager
      я об этом недостатке написал в предыдущем посте, про подключение комментриев фейсбука. вряд ли такое возможно сделать на сегодняшний день, да и ни к чему такая каша. я считаю что нужно использовать что то одно.
      • Сергей

        Почему же. Лучше использовать все сразу и комментарии Вконтакте и комментарии в Фейсбуке и комментарии через форму на блоге.

      • Андрей

        Я тоже думаю, лучше одно что-то оставить. Хотя можно и две сделать, потому что-то многим лучше через соц. коментить Но 3 это конечно перебор.

    • Вячеслав

      Не понятно немного! Можете по подробнее для чайника объяснить?

  2. Андрей

    Не подскажешь какой плагин ты используешь для выведения кода html или php?

  3. Елена Олейникова

    А как вы относитесь к форме Cackle? Это система комментирования с возможностью авторизации через популярные социальные сети. Поставила, а толку… К тому же, когда кто-то оставил пару одинаковых комментов, я второй удалить не смогла. И не в каждом браузере эта форма отражается. Это только у меня она так косячит? Никто не пробовал?

    • Seostager
      не пробовал. во всяком случае, если ставить подобные формы, то я выберу Disqus
  4. Сергей

    Форма Cackle глючит на многих сайтах и не во всех браузерах правильно отображается. По этому поводу слышал много не лестных отзывов.

    • Андрей

      Да, согласен с тобой. Я об этом и слышал и даже сам испробовал. Глючит она!

  5. Сергей

    Еще как глючит. Всем советую не пользуйтесь Cackle, очень не хорошая вещь. 😡

    • Елена Олейникова

      Я с косяками Cackle разобралась, когда повнимательнее в ее админке все посмотрела, но все равно убрала, потому что никто ею не пользовался. Хотя там столько кнопок всяких сетей, вроде бы удобно всё, но увы… Наверно, народ еще не привык, предпочитает стандартную форму для комментариев.

  6. Евгения

    Я установила себе виджет Вконтакте, надеюсь благодаря этому увеличится трафик на блог, посмотрим. А вот фейсбук подключать не буду, это уже перебор на мой взгляд.

  7. Сергей

    С контакта трафик будет больше чем фейсбука. На фейсбуке тусуется мало блогеров.

  8. наталья

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

  9. Денис

    Мучаюсь уже месяц: у меня не получается настроить виджет ВКОНТАКТЕ. Вместо текста в браузере OPERA показывает квадратики . Во всех других браузерах все в порядке. Если в OPERA открывают чужие сайты, то Виджеты ВКОНТАКТЕ, установленные на других сайтах, в OPERA показывает нормально. Помогите пожалуйста, что у меня не так в настройках ?

  10. alex

    «Модерировать комментарии можно как …. так и через приложение на сайте Вконтакте.»

    О каком приложении идет речь?

    • Seostager
      вконтакте у каждого виджета есть свое приложение. если вы его создатель, то в ваших приложениях вы сможете его увидеть. там, если настроить тип приложения iframe, ваш сайт будет отображаться в окне. поэтому прямо из вконтакта вы можете модерировать комментарии
      • Пётр

        Ребят, кто мне сможет установить виджет на сайт недорого??

  11. Иван

    А оба(фейсбук и ВКонтакте) можно вставлять?

  12. Татьяна

    Спасибо за рекомендацию.Установила себе на сайт, но вышло маленько косо, как ее отцентровать? Напишите ,плиз.

    • Seostager
      Татьяна, добавьте в в файл style.css строчки:
      #vk_comments{
      padding:15px 0 15px 35px;
      }
  13. Сергей

    Классный виджет!

  14. Дормидонт

    Как сделать новые комменты ВК снизу, никто не знает?

  15. Елена

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

  16. Ivan Осипов

    Может кто имел дело с getrate.me ? Менеджер их достала (шутка ☺: я не против пообщаться с хорошими людьми; а с англоязычными ещё и можно свой инглиш подтянуть): всё расхваливает и расхваливает. Заставила меня попробовать, что за система такая; и я вот решил поспрошать заранее здесь: может не стоит тратить время …

    Кстати, она сказала, что Disqus сливает информацию всяким

    FB, Twitter, Apple news etc
    что-то я не в теме — слышал кто что об этом?

Оставить свой отзыв

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


  • Использую
  • По месяцам
  • GoGetLinks - лучшая биржа для продажи и покупки вечных ссылок.
  • Sape - заработок на временных ссылках. Лучшая биржа временных ссылок.
  • 2domains - очень дешевые домены для ваших сайтов. Надежный сервис - пользуюсь сам.
  • Linkfeed - еще одна хорошая биржа временных ссылок.
  • Liex - размещаем статьи - получаем деньги. Интересная тема.
  • Блогун - лучший сервис для размещения постовых и обзоров на блоге.
    • В твиттере
    • В инстаграме
    Система Orphus