портал технической поддержки
#ОБРАЗОВАНИЕ22
Хостинг сайтов
в домене edu22.info
Встраивание виджета сообщества ВКонтакте на сайт организации
инструкция для пользователей
Чтобы встроить виджет сообщества ВКонтакте на сайт, необходимо получить код виджета.
произведите настройку кода виджета, где укажите ссылку на страницу организации в сообществе ВКонтакте, выберите вид представления виджета, а так же размер и цветовое оформление при необходимости.
Далее, скопируйте сформированный ниже код виджета для дальнейшего размещения его на сайте.
В скрипте вам нужно также указать id вашей группы. Чтобы получить id группы нужно в сообществе VK зайти Управление -> Настройки -> Основная информация -> Адрес.
Цифры в пункте Номер сообщества после слов public это и есть id группы, который нужно вставить в скрипт.
Например, для виджета сообщества АИЦТиОКО получаем код:
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?168"></script>
<!-- Put this div tag to the place, where the Group block will be -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, height: 400, color1: "FFFFFF", color2: "000000", color3: "5181B8"}, 197166957);
</script>
<!-- Put this div tag to the place, where the Group block will be -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, height: 400, color1: "FFFFFF", color2: "000000", color3: "5181B8"}, 197166957);
</script>
Установка кода виджета на сайт
В панели администратора сайта создайте специальный модуль/виджет типа html-текст/Текст (в зависимости от CMS) и вставьте в тело модуля/виджета полученный код виджета VK.
Внимание! В случае, если код виджета не срабатывает корректно, воспользуйтесь вставкой кода через специальные плагины . Например, Sourcerer для CMS Joomla или аналогичные для CMS WordPress.
Настройте отображение модуля/виджета при необходимости и опубликуйте.
После чего, на сайте отобразится виджет заданного типа, при клике по которому, пользователя будет переносить в сообщество VK.