Обсудить проект
Max
Директор
Константин
PR менеджер
Работаем
пн-пт
с 9:00 до 19:00
Украина
0 800 211 593
Звонки бесплатные
Харьков
+380 67 258 45 54
+380 99 602 55 44
Россия
8 800 551 30 41
Звонки бесплатные
Москва
7 499 348 10 20
ПРИСОЕДИНЯЙТЕСЬ
тут много полезного и интересного
Обсудить проект

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

11 Января 2019

Давайте рассмотрим «помощников» 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)

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

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

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

ВКонтакте

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

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

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

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

Еще много полезного


ТОП 17 решений для интернет магазина одежды. Решения, которые проверены временем
ТОП 17 решений для интернет магазина одежды. Решения, которые проверены временем
29 Ноября 2019
15 причин ухода посетителей интернет-магазина
15 причин ухода посетителей интернет-магазина
25 Ноября 2019
4 место Россия рейтинг 'Рунет 2019' cms Shop-Script
4 место Россия рейтинг 'Рунет 2019' cms Shop-Script
21 Ноября 2019
Наше кредо

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

Гордость