Как вставить виджеты соцсетей (ВКонтакт, Facebook, Twitter) на свой сайт?

Опубликовано: 12.10.2017

видео Как вставить виджеты соцсетей (ВКонтакт, Facebook, Twitter) на свой сайт?

Как установить виджеты соцсетей на Wordpress | Создаем МЛМ БЛОГ

Виджеты социальных сетей на сайте могут использоваться в разных целях. Чаще всего на сайт встраиваются виджеты сообществ , чтобы посетители могли подписаться на обновления или следить за новостями компании, и виджеты комментариев – так как большинство интернет-пользователей зарегистрированы в той или иной социальной сети, это не требует заполнения дополнительных полей, что удобно при комментировании материалов. Именно о том, как их вставить на сайт, мы и поговорим в данной статье.



1.  Виджеты групп

Виджеты групп и сообществ социальных сетей обычно вставляются в боковую колонку (сайдбар) сайта с помощью специального скрипта, предоставляемого разработчиком.

Виджет группы ВКонтакте

Чтобы получить код виджета, заходим на страницу для разработчиков Вконтакте . Здесь внимательно заполняем предложенную форму. Меняем дефолтную ссылку на ссылку на свою группу, выбираем вид отображения сообщества, настраиваем ширину блока и цвета. Внизу доступен предпросмотр для всех вносимых изменений. Цвета лучше не менять, даже если они не подходят под дизайн сайта – все уже привыкли к такому оформлению групп и изменение цвета может вызвать недоумение. Далее копируем сформированный код и вставляем в нужное место на сайте.


как вставить кнопки социальных сетей в виджет - плагин с расширенными настройками

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

Код вставки виджета сообщества Facebook можно получить на странице разработчика . Здесь заполняем форму с настройками виджета:

Facebook Page URL url адрес вашего сообщества Width и Height – ширина и высота виджета соответственно Color Scheme – темная или светлая цветовая схема для виджета Show Friends' Faces – показывать участников сообщества Show Posts – показывать последние публикации Show Header – показывать надпись «Найдите нас на Facebook » Show Border – показывать рамку

После настроек нажмите кнопку Get code (получить код) и скопируйте оба поля в нужное место на сайте.


Сайт самостоятельно. Урок 5. Вставить виджеты соцсетей, скрипты

rss