Давайте рассмотрим «помощников» Widget для социальных сетей, таких как: Instagram, Facebook и ВКонтакте.
Большинство владельцев сайта на первоначальном этапе его создания не задумываются над тем, чтобы позаботиться о расположении Widget на главной странице. Но в дальнейшем могут столкнуться с трудностями реализации данного решения.
Наиболее распространенной соц. сетью в данное время является Instagram, но официального плагина для установки виджета на свой сайт он не предоставляет. К счастью существуют различные плагины сторонних разработчиков для решения данной задачи.
Instagram
Для того, чтобы добавить виджет Instagram на сайт необходимо выполнить следующие шаги:
Перейти на ресурс InstaWidget перед Вами откроется страница, показанная ниже
Ввести имя пользователя (как Вы подписаны в Instagram) либо Hashtag
Установить желаемую ширину виджета
Далее настроить отображение таких параметров как:
User Icon (Иконка пользователя) — Show/Hide (Показать /Скрыть) соответственно
User introduction — описание в шапке аккаунта
Follow button — подписаться
Followers — количество подписчиков
Box border — граница рамки виджета
Затем Вы можете выбрать:
Цвета для отображения - цвета рамки/текста, фоновый цвет
Параметры фото галереи (Показать /Скрыть)
Размер Ваших публикаций в виджете
Фотоэффект
Раскладка — какое количество публикаций по горизонтали и по вертикали выводить в виджете (например 3х2, 4х3 и т.д.)
Кнопка «Поделится» (Показать /Скрыть)
Границы публикаций (Показать /Скрыть)
Открывать в новом окне — Open/Not open (советуем всегда ставить в параметрах «Открыть в новом окне», чтобы пользователь оставался на Вашем сайте)
Социальные сети ВКонтакте и Facebook предоставляют официальные плагины, при помощи которых с легкостью можно установить их виджеты непосредственно на Ваш сайт.
Facebook
Для начала нужно перейти по ссылке и выбрать Плагин «Страница».
Перед Вами открывается окно, в котором нужно заполнить основные поля:
URL-адрес Страницы Facebook
Вкладки — что будет отображаться в виджете, на выбор Facebook предлагает следующие: хроника (timeline), сообщения (messages), мероприятия (events)
Ширина (min значение — 180, max — 500)
Высота (min значение — 70)
Ниже необходимо выбрать дополнительные настройки для отображения:
использовать маленький заголовок;
скрыть фото профиля;
адаптировать под ширину контейнера плагина;
показывать лица друзей.
В конце Вам необходимо нажать кнопку «Получить код».
ВКонтакте
Необходимо перейти по ссылке.
Чтобы добавить виджет на Ваш сайт, просто скопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.
Предварительно выберите «Вид» отображения: участники, новости или только название.
Определите ширину, цвет фона/текста/кнопок и получите «Код для вставки».
С подробной документацией виджета Вы можете ознакомиться здесь.