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

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

03.07.20131203428

В этой небольшой статье Вы узнаете, как вывести текстом количество участников в группе ВКонтакте и другую информацию. Используя 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. Возможно, Вы найдете что-нибудь интересное для своего проекта.




Сохраните в социальную сеть
Комментарии (28)
Philip Rybalka 03.07.2013 в 22:20Спам
Не плохая вещь API;)
2
Очень нужно было, конечно лучше было бы, если бы была кнопка «подписаться» сразу =)
0
Philip Rybalka 04.07.2013 в 02:45Спам
Dukhovnik, для этого есть виджеты.
2
Dukhovnik, http://vk.com/dev/groups.join
0
Philip Rybalka 04.07.2013 в 12:38Спам
filippovlego, Данный метод доступен только Standalone-приложениям.
0
fil_ru, виджеты мне не нравятся, filippovlego, «Данный метод доступен только Standalone-приложениям.»
0
Dukhovnik, можно попробовать уменьшить айфрейм виджета до кнопки, тем самым оставив только кнопку
0
Philip Rybalka 04.07.2013 в 19:26Спам
Есть - Виджет «Подписаться на автора»: http://vk.com/dev/Subscribe
0
Алексей 18.07.2013 в 00:05Спам
не подскажете? как это к dle прикрутить?
0
acme, через дополнительные поля... только сейчас об этом подумал...
2
Алексей 19.07.2013 в 19:11Спам
sergeevizh, видимо ты не так меня понял, мне нужен сам виджет, который будет выводить количество участников группы, аналон yraaa, справа
0
Алексей 19.07.2013 в 19:12Спам
P.S. не отсюда (vk.com/dev)
0
acme_,могу сделать. но не бесплатно.
1
Алексей 25.07.2013 в 23:09Спам
sergeevizh, цена вопроса?
0
acme, я за 20 руб. могу сделать
0
Philip Rybalka 26.07.2013 в 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
Алексей 30.07.2013 в 22:34Спам
fil_ru, благодарю
0
Adilet Zhuman 10.08.2013 в 20:45Спам
А как вывести количество всех комментариев на сайте?
0
Не плохо, не плохо!
0
Хорошая статья
0
Но не пойму, почему на yraaa статьи о ВК? О_о
0
Я не силен в js. Хотел бы спросить.
Например, я напишу такую переменную внутри функции:
var ABC = e.response[0].members_count;

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

И можно ли получить информацию о группе ВКонтакте с помощью php, не используя js?
0
Дмитрий 26.02.2014 в 16:55Спам
Подскажите новичку как установить для группы,вот вставил я код но нечего нет куда ид группы или что ещё,просветите пожалуйста
0
SlowMotion v3 11.03.2014 в 18:27Спам
Полезная штука!
0
Роман Яскал 28.02.2015 в 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
Дмитрий 09.10.2015 в 12:17Спам
Спасибо, пригодилось)
0
adadaw dwdaw 22.07.2016 в 14:49Спам
надо же подключить библиотеку чтобы все работало
0
спасибо, за статью
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт