Главная » 2010 » Декабрь » 4 » Виджет "Мы вконтакте"
17:13
Виджет "Мы вконтакте"

Виджет для сообществ

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


Особенно эффективно сочетание виджета с режимом микроблога в группе,
поскольку виджет для групп позволяет пользователям подписываться на
новости Вашего сообщества и оперативно получать их через SMS.





Подключение виджета к Вашему сайту


Для добавления виджета на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.


Чтобы добавить на Ваш сайт виджет для групп ВКонтакте, необходимо выполнить два шага:

Подробная установка виджета




1. В тег <head> страницы Вашего сайта необходимо добавить следующий код: 


<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript"></script>


2. На странице Вашего сайта необходимо добавить элемент DIV, задать ему уникальный id и добавить блок кода инициализации виджета. 

<div id="vk_groups"></div> 
 <script type="text/javascript"> 
 VK.Widgets.Group("vk_groups", {mode: 0, width: "200"}, 1); 
 </script>



Этот код добавляет блок группы стандартного вида: изначально отображаются 6 пользователей. Количество пользователей будет выбрано автоматически исходя из параметра width.

Дополнительные настройки
Метод VK.Widgets.Group принимает три параметра.


Название параметра
Обязательный
Описание
element_id
✔
id элемента, который будет являться контейнером для блока комментариев
options Опции блока комментариев. Объект Javascript. Возможные поля:


  • width: задает ширину блока в пикселах (целое число > 300)

  • mode: 0 - отображать участников группы. 1 - не отображать
group_id Идентификатор группы ВКонтакте.


События
При клике на кнопку "Мне нравится" виджет передаёт события widgets.groups.joined и widgets.groups.leaved используя VK.Observer.

Пример использования
<div id="vk_groups"></div> 
 <script type="text/javascript"> 
 VK.Widgets.Group("vk_groups", {mode: 0, width: "200"}, 1); 
 </script>


Интеграция с сайтами, использующими технологию Open API
Вебмастерам сайтов, на которых авторизация производится через Open API, добавить виджет ещё проще. Достаточно просто добавить инициализацию виджета (пункт 2).
Категория: Скрипты для uCoz | Просмотров: 978 | Добавил: Пидок | Теги: новые, на сайт, для сообществ, Vk, от вконтакте, Виджет, Мы вконтакте, Все для веб мастера, вконтакте, СКРИПТЫ | Рейтинг: 4.4/7
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]