Установка виджета комментариев Вконтакте на сайт
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 комментарии. Выбирайте то, что вам больше подходит!
Не забывайте подписываться на обновления моего блога. Подписчики всегда первыми узнают о новых конкурсах и акциях 😉 Удачи!
, следите за мной в Твиттере Follow @a_emelianov
, или получайте статьи по почте:
Неоднократно видел подобные подключенные виджеты. Удобно, но один момент очень смущает. Получается, что к одному посту идут три ленты комментариев (комменты из ВКонтакте, комменты из Facebook и комменты непосредственно через форму блога). Вот интересно, можно ли как-то сделать так, чтобы все комменты складывались в одну ленту комментариев. Куда как симпатичнее бы смотрелось, IMO.
Почему же. Лучше использовать все сразу и комментарии Вконтакте и комментарии в Фейсбуке и комментарии через форму на блоге.
Я тоже думаю, лучше одно что-то оставить. Хотя можно и две сделать, потому что-то многим лучше через соц. коментить Но 3 это конечно перебор.
Не понятно немного! Можете по подробнее для чайника объяснить?
Не подскажешь какой плагин ты используешь для выведения кода html или php?
Спасибо. Попробую! 🙂
А как вы относитесь к форме Cackle? Это система комментирования с возможностью авторизации через популярные социальные сети. Поставила, а толку… К тому же, когда кто-то оставил пару одинаковых комментов, я второй удалить не смогла. И не в каждом браузере эта форма отражается. Это только у меня она так косячит? Никто не пробовал?
Форма Cackle глючит на многих сайтах и не во всех браузерах правильно отображается. По этому поводу слышал много не лестных отзывов.
Да, согласен с тобой. Я об этом и слышал и даже сам испробовал. Глючит она!
Еще как глючит. Всем советую не пользуйтесь Cackle, очень не хорошая вещь. 😡
Я с косяками Cackle разобралась, когда повнимательнее в ее админке все посмотрела, но все равно убрала, потому что никто ею не пользовался. Хотя там столько кнопок всяких сетей, вроде бы удобно всё, но увы… Наверно, народ еще не привык, предпочитает стандартную форму для комментариев.
Я установила себе виджет Вконтакте, надеюсь благодаря этому увеличится трафик на блог, посмотрим. А вот фейсбук подключать не буду, это уже перебор на мой взгляд.
С контакта трафик будет больше чем фейсбука. На фейсбуке тусуется мало блогеров.
Спасибо почитала статью попробую и у себя поставить комментарии
Мучаюсь уже месяц: у меня не получается настроить виджет ВКОНТАКТЕ. Вместо текста в браузере OPERA показывает квадратики . Во всех других браузерах все в порядке. Если в OPERA открывают чужие сайты, то Виджеты ВКОНТАКТЕ, установленные на других сайтах, в OPERA показывает нормально. Помогите пожалуйста, что у меня не так в настройках ?
«Модерировать комментарии можно как …. так и через приложение на сайте Вконтакте.»
О каком приложении идет речь?
Ребят, кто мне сможет установить виджет на сайт недорого??
А оба(фейсбук и ВКонтакте) можно вставлять?
Спасибо за рекомендацию.Установила себе на сайт, но вышло маленько косо, как ее отцентровать? Напишите ,плиз.
#vk_comments{
padding:15px 0 15px 35px;
}
Все замечательно встало, огромное СПАСИБО 🙂
Классный виджет!
Как сделать новые комменты ВК снизу, никто не знает?
Спасибо, совершенно ничего сложного как оказалось нет, установила виджет группы к себе за пару минут, всё работает прекрасно!
Может кто имел дело с getrate.me ? Менеджер их достала (шутка ☺: я не против пообщаться с хорошими людьми; а с англоязычными ещё и можно свой инглиш подтянуть): всё расхваливает и расхваливает. Заставила меня попробовать, что за система такая; и я вот решил поспрошать заранее здесь: может не стоит тратить время …
Кстати, она сказала, что Disqus сливает информацию всяким
FB, Twitter, Apple news etc
что-то я не в теме — слышал кто что об этом?