аватар Автор: Сергей Касаткин | 29 июля 2015 11:36

Статьи / jQuery /

Как вывести на сайте количество подписчиков (участников) группы, страницы vk.com jQuey


Как вывести на страницу количество подписчиков группы vk.com без использования виджетов социальных сетей? Легко! Давайте разберём пример. Никакой серверной обработки на PHP, весь код обрабатывается на клиенте.

Выводим на сайте количество подписчиков (участников) страницы в Vk.com. HTML + jQuery


Весь код состоит из двух частей:
1. jQuery - аякс-запрос, в котором указываем нужный id группы или странциы
2. Любой html-элемент с определённым идентификатором

<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>

<!-- здесь будет отображаться количество подписчиков -->
<span id="vkontakte_count"></span>

Теперь смотрим пример работы.

Демонстрация Скачать исходники



Как получить другие сведения группы Вконтакте? jQuery


Используя этот же запрос к 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 через запятую.

Спасибо за внимание! Развивайте группы в социальных сетях и наращивайте посещаемость своих сайтов!)
 



Похожие статьи


Комментарии к статье (vk.com)