Здравствуйте! Сегодня я расскажу вам о том, как установить на свой Сайт Виджеты Вконтакте. И так как социальная сеть Вконтакте на сегодняшний день очень популярна, то она может помочь вашему Сайту, в привлечении новых посетителей. Прочитав данную статью от начала и до конца, вы узнаете как установить на свой Сайт — виджет комментарии, виджет запись на стене, виджет сообщества, виджет опросы, виджет мне нравится, и ещё 4 виджета.
Не думаю, что многие знают о таком сервисе как — Вконтакте Девелоперс, от Соц.сети Вконтакте, я и сам совсем недавно наткнулся на него. Очень интересный и полезный сервис, с помощью данного сервиса, можно создать игровые, и мобильные приложения для Соц.Сети Вконтакте. Как создаются игровые приложения я пока особо не вникал, мне пока не нужно это, а вот как добавить виджеты ВК на ваш сайт, об этом я сегодня вам подробно расскажу. Итак, для того что бы добавить на свой сайт виджеты ВК, вам нужно для начала подключить свой Сайт к данному сервису. Для этого заходите на Сайт сервиса, и на главной странице нажмите на вкладку создать приложение.
Далее, укажите название вашего приложения, в значении тип — укажите веб-сайт, введите адрес сайта, и базовый домен. В конце жмём на кнопку — Подключить Сайт.
Затем вам нужно будет подтвердить действие, нажмите на кнопку получить код, чтобы вам выслали бесплатное смс сообщение с кодом.
Далее, вставьте полученный код в специальное поле, и нажмите на кнопку Отправить код.
Всё, у вас откроется страница с информацией вашего приложения, где вы можете, изменить название, добавить описание, указать вашу группу вконтакте, и добавить иконку.
Так же на данной странице можно указать обложку для приложения, но это не обязательно.
Итак Сайт подключен, теперь перейдите на главную страницу сервиса, нажав вверху на название сайта — Developers. На главной странице найдите вкладку — Авторизация и виджеты для Сайтов, и нажмите на неё.
Далее у вас откроется список виджетов.
Начнём по порядку:
Виджет Комментарии ВК
Итак, чтобы добавить виджет комментарии на ваш сайт, нажмите на вкладку — Комментарии. Далее у вас откроется страница подключения виджета, где вы сможете настроить виджет, и почитать о его преимуществах.
В настройках укажите — Желаемое количество комментариев, включите или отключите расширенные комментарии (чтобы узнать что это, нажмите на вкладку подробнее), укажите ширину виджета комментариев. И в конце скопируйте полученный код, и вставьте его на свой Сайт, в то место где вы хотите, чтобы у вас были комментарии Вконтакте.
Виджет Запись на Стене ВК
Данный виджет, позволит вам публиковать на своём Сайте любые записи Вконтакте! так же на вашем сайте будут доступны все те же функции что и Вконтакте, оценить, поделится, и да же подписаться на автора записи. Перейдите на страницу подключения виджета, Укажите ссылку на запись Вконтакте, которую вы хотите разместить у себя на Сайте. Так же укажите желаемую ширину записи, скопируйте полученный код, и вставьте его к себе на Сайт.
Виджет Сообщества ВК
Посетители вашего Сайта смогут подписаться на вашу группу Вконтакте. Перейдите на страницу подключения виджета. В настройках укажите — Ссылку на вашу Группу ВК, — ширину и высоту виджета, — цвет фона, текста и кнопок, — Скопируйте полученный код, и вставьте на Сайт, в то место где будет отображаться виджет.
Один из вариантов виджета Сообщества:
Виджет Мне Нравится ВК
Позволит посетителям вашего Сайта выразить своё отношение к статье, и моментально поделится ею Вконтакте! На странице подключения виджета укажите — вариант кнопки, высоту кнопки, название кнопки. Скопируйте получившийся код, и вставьте на свой Сайт.
Виджет Рекомендации ВК
Виджет порекомендует вашим посетителям самые популярные записи вашего Сайта, основываясь на статистике виджета Мне Нравится. На странице подключения виджета укажите — Количество записей, период выборки, формулировку. Скопируйте полученный код и вставьте к себе на Сайт.
Виджет Опросы ВК
Устройте на вашем Сайте Голосование, создавайте любые опросы, участники голосования смогут делится результатами голосования на своей странице Вконтакте! На странице подключения виджета укажите — Тему опроса, варианты ответов, ширину виджета. Полученный код вставьте на свой Сайт.
Виджет Авторизация ВК
Виджет позволит посетителю вашего сайта авторизоваться при помощи кнопки «Войти через ВКонтакте» и покажет его друзей, которые заходили на Ваш сайт. На странице подключения виджета укажите — вид авторизации, ширину виджета, скопируйте полученный код, и вставьте к себе на сайт.
Виджет Публикация ссылок ВК
Позволит посетителям вашего Сайта быстро разместить ссылку на вашу запись, на странице Вконтакте. На странице подключения укажите — стиль кнопки, текст кнопки, язык кнопки. Полученный код вставьте на свой Сайт.
Виджет подписаться на Автора ВК
Посетитель вашего Сайта сможет подписаться на вашу страницу Вконтакте. На странице подключения виджета укажите — ссылку на вашу страницу, вид кнопки. Полученный код, скопируйте и вставьте на свой Сайт.
Итак, подводим итоги, с помощью данных виджетов вы сможете существенно повысить посещаемость вашего Сайта, а так же улучшить юзабилити вашего Сайта. Ну что же, надеюсь данная статья оказалась для вас полезной. Удачи вам, и до новых встреч!
Остались вопросы? Напиши комментарий! Удачи!
Здравствуйте! Подскажите как изменить цветовой стиль виджета «голосования от VK»? Пример: cosygarden.net. На сайте есть виджет группы, где можно менять цвет шапки и цвет текста под стилистику сайта. Хотелось бы тоже самое сделать с виджетом голосования.
Привет, вконтакте не предоставляет такой возможности.