Widget vkontakte

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

Здравствуйте !

 

Сегодня я расскажу вам о том, как установить на свой Сайт Виджеты Вконтакте. И так как социальная сеть Вконтакте на сегодняшний день очень популярна, то она может помочь вашему Сайту, в привлечении новых посетителей. Прочитав данную статью от начала и до конца, вы узнаете как установить на свой Сайт — виджет комментарии, виджет запись на стене, виджет сообщества, виджет опросы, виджет мне нравится, и ещё 4 виджета.

 

Не думаю, что многие знают о таком сервисе как — Вконтакте Девелоперс, от Соц.сети Вконтакте, я и сам совсем недавно наткнулся на него. Очень интересный и полезный сервис, с помощью данного сервиса, можно создать игровые, и мобильные приложения для Соц.Сети Вконтакте. Как создаются игровые приложения я пока особо не вникал, мне пока не нужно это, а вот как добавить виджеты ВК на ваш сайт, об этом  я сегодня вам подробно расскажу. Итак, для того что бы добавить на свой сайт виджеты ВК, вам нужно для начала подключить свой Сайт к данному сервису. Для этого заходите на Сайт сервиса, и на главной странице нажмите на вкладку создать приложение.

 

23-05-2015 17-16-40

 

Далее, укажите название вашего приложения, в значении тип — укажите веб-сайт, введите адрес сайта, и базовый домен. В конце жмём на кнопку — Подключить Сайт.

 

23-05-2015 17-19-01

 

Затем вам нужно будет подтвердить действие, нажмите на кнопку получить код, чтобы вам выслали бесплатное смс сообщение с кодом.

 

23-05-2015 17-19-41

 

Далее, вставьте полученный код в специальное поле, и нажмите на кнопку отправить код.

 

23-05-2015 17-20-59

 

Всё, у вас откроется страница с информацией вашего приложения, где вы можете, изменить название, добавить описание, указать вашу группу вконтакте, и добавить иконку.

 

23-05-2015 17-25-03

 

Так же на данной странице можно указать обложку для приложения, но это не обязательно.

 

23-05-2015 17-26-40

 

Итак Сайт подключен, теперь перейдите на главную страницу сервиса, нажав вверху на название сайта — Developers. На главной странице найдите вкладку — Авторизация и виджеты для Сайтов, и нажмите на неё.

 

23-05-2015 15-01-44

 

Далее у вас откроется список виджетов.

 

23-05-2015 15-03-20

 

Начнём по порядку:

 

Виджет Комментарии

 

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

 

В настройках укажите — Желаемое количество комментариев, включите или отключите расширенные комментарии (чтобы узнать что это, нажмите на вкладку подробнее), укажите ширину виджета комментариев. И в конце скопируйте полученный код, и вставьте его на свой Сайт, в то место где вы хотите, чтобы у вас были комментарии Вконтакте.

 

23-05-2015 17-33-30

 

 

Виджет Запись на Стене

 

Данный виджет, позволит вам публиковать на своём Сайте любые записи Вконтакте ! так же на вашем сайте будут доступны все те же функции что и Вконтакте, оценить, поделится, и да же подписаться на автора записи. Перейдите на страницу подключения виджета, Укажите ссылку на запись Вконтакте, которую вы хотите разместить у себя на Сайте. Так же укажите желаемую ширину записи, скопируйте полученный код, и вставьте его к себе на Сайт.

 

23-05-2015 19-37-11

 

 

Виджет Сообщества

 

Посетители вашего Сайта смогут подписаться на вашу группу Вконтакте. Перейдите на страницу подключения виджета. В настройках укажите — Ссылку на вашу Группу ВК, — ширину и высоту виджета, — цвет фона, текста и кнопок, — Скопируйте полученный код, и вставьте на Сайт, в то место где будет отображаться виджет.

 

23-05-2015 20-51-16

 

Один из вариантов виджета Сообщества:

 

23-05-2015 20-57-44

 

 

Виджет Мне Нравится 

 

Позволит посетителям вашего Сайта выразить своё отношение к статье, и моментально поделится ею Вконтакте ! На странице подключения виджета укажите — вариант кнопки, высоту кнопки, название кнопки. Скопируйте получившийся код, и вставьте на свой Сайт.

 

23-05-2015 21-03-59

 

 

Виджет Рекомендации

 

Виджет порекомендует вашим посетителям самые популярные записи вашего Сайта, основываясь на статистике виджета Мне Нравится. На странице подключения виджета укажите — Количество записей, период выборки, формулировку. Скопируйте полученный код и вставьте к себе на Сайт.

 

23-05-2015 21-11-06

 

 

Виджет Опросы

 

Устройте на вашем Сайте Голосование, создавайте любые опросы, участники голосования смогут делится результатами голосования на своей странице Вконтакте !  На странице подключения виджета укажите — Тему опроса, варианты ответов, ширину виджета. Полученный код вставьте на свой Сайт.

 

23-05-2015 21-24-49

 

 

Виджет Авторизация 

 

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

 

23-05-2015 21-33-47

 

 

Виджет Публикация ссылок

 

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

 

23-05-2015 21-40-30

 

 

Виджет подписаться на Автора

 

Посетитель вашего Сайта сможет подписаться на вашу страницу Вконтакте. На странице подключения виджета укажите — ссылку на вашу страницу, вид кнопки. Полученный код, скопируйте и вставьте на свой Сайт.

 

23-05-2015 21-48-30

 

 

Итак, подводим итоги, с помощью данных виджетов вы сможете существенно повысить посещаемость вашего Сайта, а так же улучшить юзабилити вашего Сайта. Ну что же, надеюсь данная статья оказалась для вас полезной. Удачи вам, и до новых встреч !

 

У вас остались Вопросы, задавайте их в Комментариях ! 

 

Виджеты Вконтакте обновлено: Май 15, 2016 автором: Илья Журавлёв
 
 

2 комментария

  • Иван 15.05.2016 Ответить

    Здравствуйте! Подскажите как изменить цветовой стиль виджета «голосования от VK»? Пример: cosygarden.net. На сайте есть виджет группы, где можно менять цвет шапки и цвет текста под стилистику сайта. Хотелось бы тоже самое сделать с виджетом голосования.

    • Илья Журавлёв 15.05.2016 Ответить Автор

      Привет, вконтакте не предоставляет такой возможности.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


7 + 6 =



super-infa-top
Стрелка вверх