Обсудить проект
Max
Директор
Константин
PR менеджер
Работаем
пн-пт
с 9:00 до 19:00
Украина
0 800 211 593
Звонки бесплатные
Киев
044 300 25 36
Харьков
+380 67 258 45 54
+380 99 602 55 44
ПРИСОЕДИНЯЙТЕСЬ
тут много полезного и интересного
Обсудить проект

Как установить Widget социальных сетей на сайт

Давайте рассмотрим «помощников» Widget для социальных сетей, таких как: Instagram, Facebook и ВКонтакте.

Большинство владельцев сайта на первоначальном этапе его создания не задумываются над тем, чтобы позаботиться о расположении Widget на главной странице. Но в дальнейшем могут столкнуться с трудностями реализации данного решения.

Наиболее распространенной соц. сетью в данное время является Instagram, но официального плагина для установки виджета на свой сайт он не предоставляет. К счастью существуют различные плагины сторонних разработчиков для решения данной задачи.

## Instagram

Для того, чтобы добавить виджет Instagram на сайт необходимо выполнить следующие шаги:

  1. Перейти на ресурс InstaWidget перед Вами откроется страница, показанная ниже

  2. Ввести имя пользователя (как Вы подписаны в Instagram) либо Hashtag

  3. Установить желаемую ширину виджета

    Далее настроить отображение таких параметров как:

  4. User Icon (Иконка пользователя) — Show/Hide (Показать /Скрыть) соответственно

  5. User introduction — описание в шапке аккаунта

  6. Follow button — подписаться

  7. Followers — количество подписчиков

  8. Box border — граница рамки виджета

    Затем Вы можете выбрать:

  9. Цвета для отображения - цвета рамки/текста, фоновый цвет

  10. Параметры фото галереи (Показать /Скрыть)

  11. Размер Ваших публикаций в виджете

  12. Фотоэффект

  13. Раскладка — какое количество публикаций по горизонтали и по вертикали выводить в виджете (например 3х2, 4х3 и т.д.)

  14. Кнопка «Поделится» (Показать /Скрыть)

  15. Границы публикаций (Показать /Скрыть)

  16. Открывать в новом окне — Open/Not open (советуем всегда ставить в параметрах «Открыть в новом окне», чтобы пользователь оставался на Вашем сайте)

Социальные сети ВКонтакте и Facebook предоставляют официальные плагины, при помощи которых с легкостью можно установить их виджеты непосредственно на Ваш сайт.

## Facebook

Для начала нужно перейти по ссылке и выбрать Плагин «Страница».

Перед Вами открывается окно, в котором нужно заполнить основные поля:

  1. URL-адрес Страницы Facebook
  2. Вкладки — что будет отображаться в виджете, на выбор Facebook предлагает следующие: хроника (timeline), сообщения (messages), мероприятия (events)
  3. Ширина (min значение — 180, max — 500)
  4. Высота (min значение — 70)

Ниже необходимо выбрать дополнительные настройки для отображения:

  • использовать маленький заголовок;
  • скрыть фото профиля;
  • адаптировать под ширину контейнера плагина;
  • показывать лица друзей.

В конце Вам необходимо нажать кнопку «Получить код».

## ВКонтакте

Необходимо перейти по ссылке.

Чтобы добавить виджет на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.

Предварительно выберите «Вид» отображения: участники, новости или только название. Определите ширину, цвет фона/текста/кнопок и получите «Код для вставки».

С подробной документацией виджета Вы можете ознакомиться здесь.

Наше кредо

Совершенствуем себя
Делаем лучше мир

Гордость