1 Topic by SviridovSema

Topic: Как добавить виджет Мы Вконтакте на форум Punbb

добрый день. а как подключить свою группу вконтакте к форуму? У меня есть группа, но где взять код? я так понял его в любое место можно вставить, а не только в сидебар.

2 Reply by PunBB (edited by PunBB 2016.06.06 01:08)

Re: Как добавить виджет Мы Вконтакте на форум Punbb

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

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

<script src="http://vk.com/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: "220", height: "400"}, 1);
</script>

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

Дополнительные настройки

width: задает ширину блока в пикселах (целое число > 120). При значении "auto" подстраивается под ширину блока.
height: задает высоту блока в пикселах (целое число от 200 до 1200).

mode:
0 - отображать участников сообщества.
1 - отображать только название сообщества.
2 - отображать стену сообщества.
wide:
0 - стандартный режим.
1 - при отображении стены этот режим меняет отображение списка постов, добавляя "мне нравится" и фотографию сообщества.

color1 — цвет фона виджета в формате RRGGBB.
color2 — цвет текста в формате RRGGBB.
color3 — цвет кнопок в формате RRGGBB.
group_id        Идентификатор группы ВКонтакте.