Донецкий техникум промышленной автоматики

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

  1. Налаштування прямого віджета від inwidget.ru
  2. Все ще залишилися питання?

Як встановити віджет instagram на свій сайт? Чомусь готового рішення для впровадження від розробником соціальної мережі немає. Але це не привід впадати у відчай - у instagram-а відкритий API, тому можна написати своє маленьке додаток. Ну або просто використовувати вже готове, добрими людьми підготовлене!

Ну або просто використовувати вже готове, добрими людьми підготовлене

Готових рішення багато, але далеко не всі працюють безпосередньо з instagram, минаючи посередників у вигляді третє сайтів. Для серйозного проекту ставити віджет "відводять" користувачів на інші сайти - не найкраще рішення, але вимагає певних навичок і часу. Якщо ви цього не боїтеся, то для вас підійде віджет inwidget.ru .

Якщо ж вам здасться настройка "прямого" віджета від inwidget.ru занадто складним завданням, то можна скористатися найпростішим рішенням - stapico.ru/instagram-widget . Тут вам не треба буде отримувати токен, завантажувати файли на хостинг і т.д. Досить налаштувати відображення віджета і вставити код в потрібне місце шаблону сайту. Але повторю, такий віджет буде мати "прошарок" між вашим сайтом і інстаграмом у вигляді сайту stapico.ru.

Налаштування прямого віджета від inwidget.ru

Основна проблема - це отримати TOKEN, ви можете його отримувати самостійно, ось таким шляхом:

  1. реєструємося на https://www.instagram.com/developer/ . Тиснемо кнопку "Реєстрація твого додатки".
  2. Як заповнювати поля ніби як не принципово. Я пішов по шляху найменшого опору і нічого вигадувати не став

Далі починаються танці з бубном (не дуже розумію, чому це робиться через такі хитрощі):

Сформуйте ось такий URL: https://instagram.com/oauth/authorize/?client_id=[Client ID] & redirect_uri = [адреса сайту] & response_type = token - де [Client ID] виданий Client ID, [адреса сайту] - це ваш адреса сайту. Перед проходженням по посилання автоматизує в Instagram. У рядку браузера буде інформація:
http: // [адреса сайту] / # access_token = 183494706.ddbf7558cc6e457481777333df6bc0f3 (це і є ваш ID TOKEN).

На цьому труднощі все закінчуються, далі все елементарно - завантажуємо папку собі на сервер, встановлюємо права на папку, правимо конфігурацію (ID TOKEN потрібно отримувати з того аккаунта, фото якого хочете отримувати) і вставляємо html-код собі на сайт.

У мене всі дії зайняли 10-15 хвилин. Що отримуємо на виході? Акуратний віджет, з посиланнями безпосередньо на соціальну мережу, зі слайдами фотографій, лічильниками передплатників і т.д. Залишилося підігнати його зовнішній вигляд під дизайн сайту.

Залишилося підігнати його зовнішній вигляд під дизайн сайту

Все ще залишилися питання?

Творець віджета випустив навчальне відео

Автор

Андрій Воскобойников

Як встановити віджет instagram на свій сайт?
Com/oauth/authorize/?
Що отримуємо на виході?
Все ще залишилися питання?