Як додати віджет Instagram на свій сайт

Соціальні мережі б'ють рекорди по відвідуваності. Все більше людей вливаються сюди для спілкування та отримання інформації. Тому так важливо не тільки створювати групи і сторінки компанії в соцмережах, А й пов'язувати їх з сайтом. Найбільш зручний спосіб для цього — розміщення спеціального віджета підписки. Так користувачі не тільки побачать, що ви йдете в ногу з часом і готові запропонувати їм щось більше, але і зможуть стежити за актуальними новинами, стати передплатниками групи, а пізніше - клієнтами.

Давайте розглянемо, як встановити віджет від « візуальної » соцмережі Instagram на ваш сайт і які переваги дасть вам такий функціонал.

зміст:

• Як отримати віджет підписки на сторінку Інстаграм
• Сервіси для створення віджета Інстаграм в сайт
  • Elfsight
  • LightWidget
  • Безкоштовні способи
• висновки

Отримати безкоштовну консультацію від фахівця з вашого проекту

Як отримати віджет підписки на сторінку Інстаграм

Додавши віджет Інстаграма на свій сайт, ви:

• підвищите довіру до бренду;
• поліпшите соцсигнали;
• створіть більш міцні зв'язки між компанією і користувачами;
• підвищите рівень юзабіліті;
• поліпшите аналітичні показники.

Тому ми рекомендуємо всім компаніям створити власну сторінку в Instagram і підключити її до сайту. Але з останнім у багатьох виникає деяка складність: у цій соціальній мережі немає офіційного віджета, як у ВКонтакте або Facebook.

До того ж в червні 2020 року розробники змінили політику доступу до контенту і закрили базовий API ( Instagram basic API ), зробивши поділ на:

1. Instagram basic display API — для обмеженої роботи з можливостями соцмережі;
2. Instagram graph API — для створення більш складних програм з використанням можливостей Інстаграма.

В результаті цього оновлення багато сервісів, плагіни і віджети перестали працювати, А опубліковані до цього моменту інструкції вже неактуальні.

Але це не означає, що ви не зможете створити і вбудувати стрічку Instagram на свій сайт. Наші фахівці протестували працюють способи, і відібрали найбільш зручні і функціональні. Про них розповімо нижче.

Сервіси для створення віджета Інстаграм в сайт

Elfsight — сервіс створення віджетів без кодінга

Сервіс Elfsight пропонує понад 60 різних віджетів для розміщення на веб-ресурсі. Для установки взаємозв'язку з Інстаграм використовується плагін Instagram Feed. Скориставшись їм, ви зможете швидко прив'язати до сайту вашу сторінку в соціальній мережі по імені, хештегу або будь-якого іншого параметру. також ви можете вибрати зовнішній вигляд віджета, наприклад, розмістити на сайті кнопку з фото вашого профілю.

Серед корисних і функціональних особливостей даного плагіна Instagram для сайту можна виділити:

• можливість перегляду фото і відео з Instagram в повному розмірі на сторінках сайту;
• вибір одного з шести типів відображення. Найчастіше на сайтах можна зустріти перші два: у вигляді слайдера з можливістю перегляду стрічки фотографій без додаткової інформації ( макет Slider ), у вигляді сітки фото з настроюються параметрами ( макет Grid );
  
  
   
• кнопка « Підписатися » на Instagram;
• іконки, які дозволяють ділитися фото з соціальної мережі прямо з сайту компанії;
• створення кнопок з закликом до дії;
• вибір ефекту від наведення на зображення;
  
  
   
• 12 способів обробки зовнішнього вигляду фото профілю на сайті для створення єдиного стилю.

Залежно від ваших потреб можна вибрати відповідний тарифний план. Базовий план дозволяє встановити безкоштовний Instagram віджет на один сайт, але кількість показів буде обмежено 200 в місяць. Цього явно замало для практично будь-якого ресурсу, тому краще скористатися платною підпискою. 

За $ 5 ви отримаєте до 5 000 показів віджета на місяць і можливість підключення до 5 сайтів. За $ 10 — до 50 000 показів на будь-якій кількості сайтів. За $ 25 — до 5 000 000 переглядів. Сервіс дає масу корисних можливостей. але мінус полягає в тому, що оплату потрібно вносити щомісяця. 

LightWidget — сервіс по створенню адаптивного віджета Instagram

Сервіс поки не користується заслуженою популярністю, але він дуже зручний. Для наших і клієнтських сайтів ми використовуємо саме його. з мінусів можна відзначити хіба що відсутність російськомовної версії.

Для реєстрації досить авторизуватися, використовуючи дані свого аккаунта в Інстаграм. далі переходимо до вибору налаштувань:

• на вибір представлені варіанти відображення віджета: статична сітка або слайдер з можливістю перегортання стрічки фотографій;
• виділення зображень в рамку з установкою її кольору відповідно до стилю сайту;
• можна задати число стовпців і рядів в сітці, відстань між фото;
• включення або відключення тексту постів;
• вибір ефекту при наведенні курсору користувачем з 9 варіантів ( зникнення, збільшення, накладення значка лупи або лого Instagram і ін. );
• вибір дії після кліка: перехід в профіль Інстаграм, перехід в пост або нічого.

Зовні віджети, встановлені за допомогою LightWidget, виглядають вельми приємно і цікаво, При цьому дають досить багато можливостей і комфорту користувачам.

Автори проекту додали можливість попереднього перегляду результату налаштувань, що також дуже корисно. HTML-код генерується після затвердження користувача. далі його необхідно вставити в вихідний код сайту.

Цінову політику розробників сервісу можна вважати більш ніж лояльною до користувачів. Є безкоштовна версія установки скрипта Інстаграм для сайту. Але у цього варіанту є один істотний недолік: віджет доступний тільки на незахищеному протоколі HTTP. 

Щоб захистити персональні дані користувачів, розробник пропонує змінити протокол на безпечний — HTTPS. Ця можливість є платною і коштує $ 10. Крім зміни протоколу, покупець отримує:

• прискорення завантаження віджета;
• поновлення частіше ніж один раз на добу;
• можливість вносити корективи в налаштування віджета;
• повідомлення про минулі токенах доступу.

З огляду на, що платіж є одноразовим, Пропозиція можна назвати вельми вигідним.

Як зробити віджет Instagram для сайту безкоштовно

існують безкоштовні сервіси, За допомогою яких можна поставити стрічку Інстаграма на свій сайт. наприклад, Instagram.Averin.pro. Подібні конструктори віджетів мало відрізняються один від одного, вони прості у використанні і пропонують обмежені можливості настройки. 

Основним і дуже істотним недоліком подібних сервісів є застарілий вид віджета, Який не буде привертати особливої уваги користувачів. 

Також для деяких CMS-систем і конструкторів розробники створили спеціальні плагіни і модулі, які дозволяють безкоштовно додати стрічку Інстаграма на сайт без сторонніх сервісів. наприклад, для WordPress можна скористатися плагінами:

1. Smash Balloon Social Photo Feed;
2. Spotlight – Social Photo Feeds;
3. Feed Them Social;
4. WPZOOM Social Feed Widget.

висновки

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

А вам траплялося взаємодіяти з віджетами Інстаграм та інших соціальних мереж, розміщених на сайтах, користувачами яких ви є?

P.S. Ще більше крутих фішок, які дозволять вам зробити свій сайт зручніше і привабливіше для користувачів, ви дізнаєтеся на курсі «пошуковик». Реєструйтеся по посиланням і з промо-кодом « Insta-10-09 » вас чекатиме додатковий приємний бонус.