виджет группы вконтакте

Привет, друзья!

В этой статье мы поговорим о том, как добавить виджет вашей группы «вконтакте» на свой сайт.

Интеграция веб сайтов с социальными сетями сегодня очень распространенная штука, а самое главное полезная т.к. напрямую влияет на индексацию страниц вашего сайта поисковыми роботами.

Если Вы ведете блог и параллельно группу «вконтакте» одной тематики, то данный пост будет для вас очень полезен.

Как же все-таки вставить виджет группы на сайт?

Для начала заходим в свой аккаунт вконтакте и копируем ссылку группы, у меня она выглядит вот так — vk.com/club60386108.

Далее идем в самый низ вашей странички «вконтакте» и переходим в раздел «разработчикам», как показано на рисунке ниже.

виждет группы

В открывшимся окне переходим в раздел «Авторизация и виджеты для сайтов»

 виджет группы вконтакте установка

Далее нас интересует раздел «сообщества», именно этот виджет свяжет вашу группу «вконтакте» с вашим веб сайтом.

виджет группы  установка

Перед вами откроется «форма подключения виджета к сайту».

код виджета группы

В поле «ссылка на страницу» необходимо указать ссылку на вашу группу.

В поле «вид» необходимо выбрать, что Вы хотите чтобы отображалась в виджете: участники, новости или просто название группы.

В поле «ширина» и «высота» необходимо указать размер виджета, исходя из размеров вашего сайта (сайтбара)

Также в настройках виджета можно установить цвет фона, кнопок и шрифта, чтобы максимально подстроить блок под цветовую палитру вашего сайта.

После установки всех настроек вам останется только скопировать полученный код и вставить его к себе на сайт.

Как вставить код виджета сообщества вконтакте  на сайт WordPress?

Ниже я Вам расскажу, как вставить полученный код группу к себе на сайт, работающий на движке WordPress.

Для этого переходим в админку вашего сайта: «ваш сайт.ру/admin»

Далее идем в раздел «Внешний вид» и в выплывающем меню переходим в подменю «виджеты».

виджет группы вставка на сайт

Перед вами откроется меню виджетов.

вставка виджета сообщества на сайт wordpress

 

Нам нужен произвольный виджет, в который мы можем вставить HTML-код (на рисунке под цифрой 1). Берем его и перетаскиваем в боковое меню виджетом сайтбара справа (цифра 2). Размещаете виджет по своему усмотрению. Я разместил его под основным меню и блоком «реклама».

Виджет состоит из двух полей: название и непосредственно поле для вставки кода. Название указываем также по своему усмотрению, а во втором поле вставляем свой код виджета группы. Не забудьте нажать кнопку «сохранить»

В результате таких элементарных действий Вы получите примерно вот такой блог у себя на сайте.

группа top-dohod

Вот, собственно, и все.

Подписывайтесь на обновление моего блога и Вы всегда будете получать только полезную информацию.