Выпадающее меню сайта KELL4.ru

Добавить виджет вконтакте на сайт

Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Как добавить виджет социальной сети 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 код необходимо скопировать и вставить на страницу сайта или в шаблон. Обычно для виджетов есть специально отведенные места куда они должны быть помещены, это зависит от движка сайта.

Ниже представлен пример виджета "Виджет для сообществ"

Поисковая оптимизация сайта

Для того, чтобы сайт появился в поиске SEO оптимизация необходима, но перед этим пройти SEO аудит сайта нужно. А выяснить, что не так, помогут опытные SEOшники веб-студии КЕЛ ФО РУ. И отчет предоставят полный, да еще и возможности ресурса определят, а это в продвижении пригодится точно.

оптимизация сайта

Реклама на сайте

Внедряемые CMS

Joomla CMS

Универсальная система управления контентом

Wordpress CMS

Движок сайта для собственного блога

1C-Битрикс CMS

Панель управления для интернет магазина

LiveStreet CMS

Подходящая платформа для социальной сети

Заказать!
Следуй за мечтой

Внимание! Любое использование (распространение и копирование) материалов сайта без (документально подтвержденного) разрешения руководства веб-студии KELL4 Ltd. — ЗАПРЕЩЕНО (требуются документы подтверждающие использование материалов сайта или наличие партнерского договора на основе согласованных условий).

Реклама и Раскрутка в Интернете DARKSNOW Яндекс.Метрика Официальный партнер хостинг-провайдера NetAngels Рейтинг@Mail.ru Участник проекта CMS Magazine