Давайте розглянемо «помічників» 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)
Нижче необхідно вибрати додаткові настройки для відображення:
Використовувати маленький заголовок;
приховати фото профілю;
адаптувати під ширину контейнера плагін;
Показувати обличчя друзів.
В кінці Вам необхідно натиснути кнопку «Отримати код».
ВКонтакте
Необхідно перейти по посилання.
Щоб додати віджет на Ваш сайт, просто скопіюйте код для вставки на сторінку, на якій Ви бажаєте розмістити віджет.
Попередньо виберіть “Вигляд” відображення: учасники, новини або тільки назва.
Визначте ширину, колір фону/тексту/кнопок та отримайте «Код для вставки».
З детальною документацією віджету Ви можете ознайомитись тут.