Вывод информации о группе ВКонтакте на JQuery

Вывод информации о группе ВКонтакте на JQuery

12013-07-031923928Денис Абдуллин

В этой небольшой статье Вы узнаете, как вывести текстом количество участников в группе ВКонтакте и другую информацию. Используя API социальных сетей, можно выводить на своем сайте определнную информацию о профилях сообществ на JQuery, без PHP.

Получение информации о группе ВКонтакте

Сразу начнем с демонстрации, чтобы Вы понимали, что к чему:

Введите ID паблика/группы:

Следующий адрес поможет нам с Вами получить данные о сообществе:

Код
http://api.vk.com/method/groups.getById?gid=27541941&fields=нужные_значения_через_запятую

Применение

Этот код позволит вывести количество участников группы или публичной страницы в нужное место на сайте (в данном случае это тег с ID vkontakte_count):

Код
<script type="text/javascript">
$.ajax({  
  url: 'http://api.vk.com/method/groups.getById?gid=27541941&fields=members_count',  
  dataType: "jsonp",  
  success:function(e){
$('#vkontakte_count').html(e.response[0].members_count)
}  
});
</script>

Замените members_count на нужное Вам значение, чтобы вывести определенную информации из паблика или группы ВКонтакте.

Доступные значения

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

  • city - город
  • country - страна
  • description - описание сообщества
  • wiki_page - название главной вики-страницы сообщества
  • members_count - количество участников
  • counters - счетчики сообществ (photos, videos и т.д.)

Ранее мы писали на сайте о чтении данных с ВКонтакте о пользователе на JQuery. Там же указаны доступные значения и имеется демонстрация. Оцените нашу коллекцию скриптов для uCoz. Возможно, Вы найдете что-нибудь интересное для своего проекта.


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (28)
Дмитрий 2015-10-09 в 12:17 / МатериалСпам
Спасибо, пригодилось)
0
Дмитрий 2014-02-26 в 16:55 / МатериалСпам
Подскажите новичку как установить для группы,вот вставил я код но нечего нет куда ид группы или что ещё,просветите пожалуйста
0
Роман Яскал 2015-02-28 в 17:48 / МатериалСпам
как добраться до значения tetx??? в запросе wall.get в ответе апи: response: {
count: 102,
items: [{
id: 4160,
from_id: 21297522,
owner_id: 21297522,
date: 1425107660,
post_type: 'post',
text: '',
copy_history: [{
id: 248879,
owner_id: -31480508,
from_id: -31480508,
date: 1425106203,
post_type: 'post',
text: 'Справедливости пост
0
SlowMotion v3 2014-03-11 в 18:27 / МатериалСпам
Полезная штука!
0
Дмитрий Васильевич 2014-01-31 в 04:32 / МатериалСпам
Я не силен в js. Хотел бы спросить.
Например, я напишу такую переменную внутри функции:
var ABC = e.response[0].members_count;

как можно вынести эту переменную, чтобы можно было ее использовать далее в коде, не только в пределах текущей функции function(e)?

И можно ли получить информацию о группе ВКонтакте с помощью php, не используя js?
0
Иван Цыганков 2013-10-23 в 11:57 / МатериалСпам
Но не пойму, почему на yraaa статьи о ВК? О_о
0
Иван Цыганков 2013-10-23 в 11:56 / МатериалСпам
Хорошая статья
0
Рашид Ситимов 2013-09-10 в 01:42 / МатериалСпам
Не плохо, не плохо!
0
Алексей 2013-07-30 в 22:34 / МатериалСпам
fil_ru, благодарю
0
Philip Rybalka 2013-07-26 в 12:56 / МатериалСпам
acme, Вот тебе скрипт:
<div id="vk"></div>
<script type="text/javascript">
$.ajax({
url: 'http://api.vk.com/method/groups.getById?gid=about&fields=members_count',
dataType: "jsonp",
success:function(e){$('#vk').html(e.response[0].members_count)}
});
</script>
2
Алексей 2013-07-25 в 23:09 / МатериалСпам
sergeevizh, цена вопроса?
0
Илья Дементьев 2013-07-26 в 09:10 / МатериалСпам
acme, я за 20 руб. могу сделать
0
Кирилл Трубецкой 2013-07-24 в 22:57 / МатериалСпам
acme_,могу сделать. но не бесплатно.
1
Кирилл Трубецкой 2013-07-18 в 20:05 / МатериалСпам
acme, через дополнительные поля... только сейчас об этом подумал...
2
Алексей 2013-07-18 в 00:05 / МатериалСпам
не подскажете? как это к dle прикрутить?
0
Алексей 2013-07-19 в 19:12 / МатериалСпам
P.S. не отсюда (vk.com/dev)
0
Алексей 2013-07-19 в 19:11 / МатериалСпам
sergeevizh, видимо ты не так меня понял, мне нужен сам виджет, который будет выводить количество участников группы, аналон yraaa, справа
0
Philip Rybalka 2013-07-04 в 19:26 / МатериалСпам
Есть - Виджет «Подписаться на автора»: http://vk.com/dev/Subscribe
0
Андрей Филиппов 2013-07-04 в 18:47 / МатериалСпам
Dukhovnik, можно попробовать уменьшить айфрейм виджета до кнопки, тем самым оставив только кнопку
0
Владимир Духовник 2013-07-04 в 13:49 / МатериалСпам
fil_ru, виджеты мне не нравятся, filippovlego, «Данный метод доступен только Standalone-приложениям.»
0
Philip Rybalka 2013-07-03 в 22:20 / МатериалСпам
Не плохая вещь API;)
2
Владимир Духовник 2013-07-04 в 01:28 / МатериалСпам
Очень нужно было, конечно лучше было бы, если бы была кнопка «подписаться» сразу =)
0
Philip Rybalka 2013-07-04 в 02:45 / МатериалСпам
Dukhovnik, для этого есть виджеты.
2
Андрей Филиппов 2013-07-04 в 09:57 / МатериалСпам
Dukhovnik, http://vk.com/dev/groups.join
0
Philip Rybalka 2013-07-04 в 12:38 / МатериалСпам
filippovlego, Данный метод доступен только Standalone-приложениям.
0
Adilet Zhuman 2013-08-10 в 20:45 / МатериалСпам
А как вывести количество всех комментариев на сайте?
0
adadaw dwdaw 2016-07-22 в 14:49 / МатериалСпам
надо же подключить библиотеку чтобы все работало
0
Евгений Москаленко 2016-07-27 в 19:18 / МатериалСпам
спасибо, за статью
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.