Как добавить на сайт виджет «Мы в контакте»?

Один из моих заказчиков попросил сделать так, чтобы на сайте размещалась ссылка на группу в Контакте. Такой виджет предоставляет сайт ВКонтакте, он один из самых популярных среди владельцев персональных блогов. Есть и другие виджеты, такие как «комментарии«, «мне нравится«, «подписаться на автора» и т.д.  Эти инструменты весьма просты в использовании, и что особенно удобно — имеют гибкие настройки.

Итак, для начала нужно зайти на сайт ВКонтакте. Полагаю, группа в Контакте у вас уже есть, и наверняка вы сделали для нее красивую ссылку. Если нет, прошу сюда, это не займет много времени.

А теперь переходим непосредственно к созданию замечательного виджета для своего сайта.

Шаг 1. Открываем вкладку «Разработчикам»

Ссылка на страницу находится в подвале сайта «ВКонтакте«. Если вы активный пользователь сети ВК, то со своей странички вам будет не легко  добраться до подвала сайта. Придется прокручивать страницу вниз, однако это может занять часы.  Поэтому, предлагаю перейти из вашего меню на страницу «Мои настройки». Либо по этой ссылке 

Как создать виджет в контакте

 Шаг 2. Находим «Авторизация и виджеты для сайтов»

Виджеты ВКонтакте

Шаг 3. Выбираем «Сообщества»

Перед нами список виджетов: Коментарии, Сообщества, Мне нравится, Рекомендации, Опросы и другие. Если основная аудитория вашего сайта является завсегдатаи  ВКонтакте, то эти виджеты помогут привлечь посетителей на ваш персональный сайт.

С помощью виджета «Сообщества», посетители вашего сайта смогут самостоятельно присоединиться к вам с соц.сети.

Сейчас остановимся на опции «Сообщества«. Остальные вы сможете настроить по аналогии.

Виджеты Вконтакте

Шаг 4. Настраиваем виджет

Откройте свою группу в отдельном окне и скопируйте ссылку. Вставьте ссылку в первое окошко вместо стоящей здесь по умолчанию ссылки на группу разработчиков «Виджеты в контакте«

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

виджет в контакте

 

Шаг 5. Поместим код в свой сайтбар

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

Теперь можно перейти на сайт и любоваться проделанной работой.

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

Если статья оказалась полезной — поделитесь в соц.сетях — нажмите кнопочку. Спасибо!