Как вывести количество подписчиков (участников) группы, страницы или события из вконтакте

Что мне очень понравилось, так это то, что для вывода количества подписчиков не требуется использовать PHP и cURL, потому что такие вещи обычно значительно снижают скорость загрузки страницы.

Вот готовый код. Если вы хорошо разбираетесь в jQuery, то статью можете дальше не читать.

jQuery(function($){
	$.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) 
		}  
	}); 
});

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

количество участников вконтакте

Шаг 1. HTML-элемент, в котором будет выводиться количество подписчиков сообщества

Это будет примерно вот такой код:

<span id="vkontakte_count">3450</span>

Вставьте его в то место сайта, где хотите вывести количество подписчиков.

Причем, это может быть любой HTML-элемент, например <div>, <span> или какой-то другой, тут важен только ID элемента (атрибут id).

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

Шаг 2. Как узнать ID группы, страницы или события вконтакте?

Это раньше в качестве URL всегда использовались id — как для групп, так и для пользователей. Теперь же, когда администраторы могут сами задавать любой (свободный) URL, всё стало немного сложнее.

Для того, чтобы узнать ID, кликните по ссылке «Рекламировать сообщество» и у вас откроется страница, ссылка которой будет http://vk.com/adscreate?page_id=6301158, где page_id и есть ID вашей группы или страницы.

Если же сообщество вам не принадлежит, то его ID можно узнать в исходном коде страницы:

как узнать ID группы или страницы вконтакте

Вообще, в исходном HTML-коде он встречается много где, если поискать, то вы точно его найдете.

Шаг 3. jQuery

Подробнее про подключение jQuery на сайт написано здесь.

Шаг 4. Запрос к API вконтакте

Вы можете вставить этот код прямо в HTML страницы как есть, либо в какой-нибудь js-файл, предварительно удалив теги script (в обоих случаях обязательно уже после того, как подключится jQuery).

<script>
	jQuery(function($){
		$.ajax({  
			url: 'http://api.vk.com/method/groups.getById?gid=65762432&fields=members_count', // вместо 65762432 указываем свой ID 
			dataType: "jsonp", // тип получаемых данных
			success:function(e){ 
				$('#vkontakte_count').html(e.response[0].members_count) // выводим получаемый результат
			}  
		}); 
	});
</script>

И ещё кое-что.

Используя данный запрос к API, вы также можете получить и другую информацию о сообществе, для этого в параметре запроса fields надо указать:

city
ID города сообщества. Возвращается 0, если город в информации о сообществе не указан.
country
ID страны сообщества.
description
Описание сообщества.
counters
Возвращает количество фотографий в альбомах (photos), альбомов (albums), аудиозаписей (audios), видеозаписей (videos), тем (topics), документов (docs).
start_date и end_date
Время начала и окончания встречи (для групп и страниц не используется) в формате unixtime.
can_post
Если пользователь может писать на стене, возвращает 1, иначе 0.

В запросе можно указывать несколько значений параметра fields через запятую.

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Комментарии — 9

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

Миша Рудрастых и WordPress

Полезности из мира WordPress и жизни студии.

Мой телеграм-канал