Добавить виджет вконтакте на сайт
Рейтинг: 4 / 5
- Подробности
- Категория: Блогобзор
- Автор: SEO & WEB — KELL4
Как добавить виджет социальной сети VK.com на свой сайт?
Как и в любой другой социальной сети у вконтакте присутствует раздел "разработчикам"
https://vk.com/devДанный раздел расказывает о том, как создавать приложения на собственной платформе VK, что позволяет интегрировать возможности социальной сети на сайт или приложение на телефоне:
- Мобильные приложения. Доступ к методам API и упрощенной авторизации с помощью SDK для мобильных платформ: iOS, Android, Windows Phone.
- Сайты и виджеты. Внешние веб-сервисы или установленные на сайтах виджеты. Сайты используют для авторизации и вызова методов серверную авторизацию OAuth или клиентскую авторизацию Open API. Доступно большинство методов API.
- Приложения для других платформ. Клиентские приложения для различных платформ. Требуют авторизации по протоколу OAuth.
- Игровая платформа. Для приложений, созданных при помощи Javascript SDK или Flash SDK доступен игровой каталог и API для приема платежей. Для мобильных приложений, использующий SDK для мобильных платформ, доступна мобильная игровая платформа.
На основе этой платформы можно не только поместить виджет на сайт но и внедрить систему авторизации, взаимодействующую между Вашим сайтом и социальной сетью Вконтакте.Подробнее можно прочитать в разделе https://vk.com/dev/main.
https://vk.com/dev/sites,
здесь представлено несколько вариантов:- Комментарии
- «Запись на стене»
- Сообщества
- «Мне нравится»
- Рекомендации
- Опросы
- Авторизация
- Публикация ссылок
- Подписаться на автора
Как добавить виджет ВКонтакте на сайт?
Выберите интресующий Вас вариант виджета из списка (список виджетов) и перейдите на его страницу, как должно быть вы видите на рисунке справа, первый пункт "ссылка на страницу" с полем куда необходимо вставить ссылку на Вашу группу или сообщество.
Далее необходимо выбрать вид и размеры виджета, здесь все просто, выбираем.
Цвет фона, текста и кнопок записаны в формате HEX, чтобы выбрать свой, индивидуальный цвет перейлдите по этой ссылке — там находится удобный генератор цветов с помощью которого можно подобрать цвет.
И наконец последний пункт, "код для вставки", получившийся html код необходимо скопировать и вставить на страницу сайта или в шаблон. Обычно для виджетов есть специально отведенные места куда они должны быть помещены, это зависит от движка сайта.
Ниже представлен пример виджета "Виджет для сообществ"
