Вы находитесь в новой версии нашей документации. Сейчас мы активно переносим статьи и некоторый контент может быть не доступен. Вы все еще можете воспользоваться  старой версией  документации.
Некстайп: Альфа
Темная тема
ГлавнаяНекстайп: АльфаЗаполнение готового решенияЗаполнение главной страницы сайтаБлок "Instagram"

Блок "Instagram"

Параметры блока "Instagram"* расположены в административном разделе сайта в настройках решения в соответствующем разделе настроек.

alpha-site-settings-9.png

Для того, чтобы настроить отображение снимков, необходимо получить специальный код "Долгосрочный маркер доступа" и добавить его на сайт с помощью настроек решения.

Инструкция по получению долгосрочного маркера доступа пользователя Instagram*

Прежде чем начать, Вам понадобятся:

  • аккаунт разработчика Facebook*; 
  • аккаунт Instagram* с медиафайлами; 
  • общедоступный сайт, принадлежащий вам (это может быть как реальный сайт, так и бесплатный тренировочный ресурс — например, страница Github или веб-приложение Heroku).

Данная инструкция является рекомендацией для получения токена и при условии изменения разработчиками Facebook принципов получения токенов, может не соответствовать действительности. Актуальная на данный момент инструкция от компании Facebook*, доступна по адресу https://developers.facebook.com/docs/instagram-basic-display-api/getting-started

Шаг 1. Создайте приложение Facebook*

Перейдите на сайт developers.facebook.com, выберите Мои приложения и создайте приложение. В ответ на вопрос о задачах приложения выберите Создание кросс-сервисных функций либо Другое/все остальное.

magnet_instagram_api-_1_.png magnet_instagram_api-_2_.png magnet_instagram_api-_3_.png magnet_instagram_api-_4_.png magnet_instagram_api-_5_.png

Когда откроется панель нового приложения, выберите "Настройки" > "Основное", прокрутите до конца страницы и нажмите "Добавить платформу".

magnet_instagram_api-_7_.png

Выберите "Веб-сайт":

magnet_instagram_api-_8_.png

Укажите URL своего сайта и сохраните изменения.

Шаг 2. Настройте базовое представление Instagram*

Выберите Продукты, найдите Instagram Basic Display и нажмите кнопку Настроить, чтобы добавить его в приложение.

magnet_instagram_api-_6_.png

Прокрутите до конца страницы и нажмите Создать приложение.

magnet_instagram_api-_9_.png

Заполните форму, как описано ниже.

Отображаемое имя

Укажите название приложения Facebook*, которое вы только что создали.

Действительные URI для перенаправления OAuth

Укажите URL своего сайта. Это поле предназначено для специального URI, регистрирующего параметры перенаправления, но в данном курсе мы для удобства будем использовать URL вашего сайта.

Пример: https://site.com

После ввода URL сохраните изменения и проверьте его ещё раз. В зависимости от структуры к URL может автоматически добавляться косая черта. Сохраните полный URL: он потребуется для получения кодов авторизации и маркеров доступа.

URL обратного вызова деавторизации

Ещё раз укажите URL своего сайта.

URL обратного вызова с запросом на удаление данных

Ещё раз укажите URL своего сайта.

magnet_instagram_api-_10_.png

Шаг 3. Добавьте тестового пользователя Instagram*

Выберите "Роли" > "Роли" и прокрутите до раздела "Тестировщики Instagram". Нажмите "Добавить тестировщиков Instagram".

magnet_instagram_api-_11_.png

Введите ваше имя пользователя Instagram* и отправьте приглашение.

magnet_instagram_api-_12_.png

Откройте новое окно браузера, перейдите на сайт www.instagram.com и войдите в приглашенный аккаунт Instagram. Выберите (Значок профиля) > "Редактировать профиль" > "Приложения и сайты" > "Приглашения тестировщиков" и примите приглашение.

Теперь ваше приложение Facebook* будет иметь доступ к аккаунту Instagram* даже в режиме разработки.

magnet_instagram_api-_13_.png

Шаг 4. Авторизуйте тестового пользователя и получите токен доступа

Нажмите “Generate token” в разделе Вашего приложения в Instagram Basic Display и скопируйте токен для подключения API.

magnet_instagram_api-_14_.png magnet_instagram_api-_15_.png magnet_instagram_api-_16_.png magnet_instagram_api-_17_.png

Нажмите “Generate token” в разделе Вашего приложения в Instagram Basic Display и скопируйте токен для подключения API.

В настройках решения вставьте токен и путь к аккаунту Instagram в соответствующих полях.

Обновление долгосрочного маркера

Обновление долгосрочного маркера делает его действительным в течение 60 дней. Срок действия маркеров, которые не были обновлены в течение 60 дней, истекает.

Введите в адресной строке браузера запрос к API Instagram. Ваш запрос должен включать действительный (не истекший) долгосрочный маркер доступа пользователя Instagram.

Пример запроса:


https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token={long-lived-access-token}, где long-lived-access-token -- Ваш действующий токен.

Пример ответа:

{
"access_token":"{long-lived-user-access-token}" // Ваш новый токен
"token_type": "bearer",
"expires_in": 5183944 // Время в секундах до истечения срока действия токена
}

Если всё-таки прошел 60-тидневный срок и Ваш токен доступа истёк Вы можете зайти в раздел из шага 2 и получить новый токен с помощью кнопки “Generate token”.

magnet_instagram_api-_18_.png

*Внимание: деятельность Instagram и Facebook (принадлежит Meta Platforms Inc.) на территории РФ признана экстремистской и запрещена. Использование данной социальной сети на территории России может быть связано с юридическими рисками. Данная инструкция носит исключительно технический характер и не является призывом к использованию запрещенных ресурсов.

ООО «Некстайп» 2026 © Все права защищены

Наверх