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

 

 

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

 

Остались вопросы? Напиши комментарий! Удачи! 

 






info-effect.ru
Как добавить на сайт виджеты ВКонтакте ВК обновлено: Октябрь 4, 2018 автором: Илья Журавлёв

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

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

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

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

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

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

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

Нажимая на кнопку Отправить комментарий, вы соглашаетесь с Политикой конфиденциальности и Пользовательским соглашением сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх