Главная > Создание сайта > Как добавить виджет группы ВКонтакте на сайт
Как добавить виджет группы ВКонтакте на сайт
05.07.2018
Добрый день, дорогие друзья. Социальные сети стали неотъемлемой частью жизни многих людей. Одни находят собеседников, другие друзей, а кто-то работает. Так или иначе, число пользователей соцсетей неуклонно растет с каждым годом. Поэтому, упускать возможность привлечения таких пользователей к себе на сайте, было бы большой ошибкой. Для этой цели мы научились вставлять комментарии ВКонтакте на сайт, чтобы пользователи VK могли с легкостью комментировать посты.
У многих крупных сайтов есть собственные группы в ВК, через которые происходит общение с клиентами, продажи, рекламные компании и т.д. ВКонтакте предлагает возможность увеличить количество подписчиков сообщества, установив виджет группы ВКонтакте себе на сайт. Сегодня поговорим, как это сделать.
Как добавить виджет группы ВКонтакте
1. Авторизуемся и переходим в раздел для разработчиков
Ищем на страничке надпись «Разработчикам».
2. Переходим в раздел «Виджеты для сайтов»
Опускаемся в самый низ страницы и в подвале находим ссылку.
3. Выбираем раздел «Сообщества»
Он дает возможность связать группу ВК с сайтом.
4. Настраиваем виджет группы
- Указываем адрес сообщества
- Устанавливаем внешний вид. Можно настроить содержимое окна, а именно: Участники – будут отображаться в виджете фотографии участников группы, Новости – отображается новостная лента сообщества, Только название – показывается только название сообщества и количество подписчиков. Все изменения будут показаны внизу окна настройки, изменив один пункты, можете посмотреть, как это будет визуально выглядеть
- Ширина. Указываем, какого размера должен быть плагин
- Цвет фона, текста, кнопки – настраиваем палитру виджета
5. Вставляем код виджета группы ВКонтакте на сайт
Как и во всех продуктах ВК код делится на две части. Первую помещаем в тэг <head>…</head>, второй – в то место, где вы его хотите видеть. Важно, если у вас на сайте уже есть установленные виджеты VK, то нет необходимости устанавливать первую часть этого кода.