Инстаграм лента

Задача

Решили сделать простой плагин галереи инстаграм. Чтоб просто и понятно.

Описание

Для работы плагина нужно получить специальный ключ на сайте инстаграм. 
Ниже будет инструкция о его получении.

Флекс сетка изображений. Можете добавлять или скрывать информацию о аккаунте. 
На сетке показано количество лайков и комментариев к посту. По нажатию на пост открывается новое окно с данной фотографией в инстаграме.

Пример работы плагина на нашем сайте и на сайте freire.ru и zeleniyglukhar.ru

Настройки плагина

ИНСТРУКЦИЯ ПО ПОЛУЧЕНИЮ INSTAGRAM TOKEN

1) Авторизуйтесь в инстаграм https://www.instagram.com/

2) Перейдите по ссылке https://www.instagram.com/developer/

3) Зарегистрируйте нового клиента - кнопка Manage Clients

Создание нового клиента

Новый клиент
 
4) Заполняем поля в вкладке Details, запишите куда-нибудь значение поля Valid redirect URIs, оно ещё понадобится и переходим в другую вкладку



5) Убираем галочку в поле Disable implicit OAuth в вкладке Security. ЭТО ОЧЕНЬ ВАЖНО!



6) Проходим капчу и нажимаем register

7) 
Если всё заполнено правильно, вы получаете данные от инстаграм. Вам нужно записать CLIENT ID.
Уже почти всё!

8)
А теперь сгенерируем ACCESS TOKEN который нам очень нужен. 

В ссылку ниже вы должны вставить 2 своих значения 1- CLIENT ID из пункта 7   2 - Valid redirect URIs из пункта 3
Вы должны были записать эти данные.

https://instagram.com/oauth/authorize/?client_id=ВАШ_CLIENT-ID&redirect_uri=Valid_redirect_URI&response_type=token

НАДО ЗАМЕНИТЬ ВАШ_CLIENT-ID и Valid_redirect_URI НА СВОИ ЗНАЧЕНИЯ

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

9) УРА! Вас перебросило на ваш сайт и в адресной строке появился заветный ACCESS TOKEN
Выглядеть он должен как-то так:

http://ВАШСАЙТ.ru/#access_token=188494716.9794df9.4f23c55f2e9414193de4efb23d747

10) Полученый токен надо вставить в настройки плагина и ваша лента появится у вас на сайте
 
Надеемся, что у вас всё получилось. Мы старались максимально подробно описать получения токена.


ПРИМЕР РАБОТЫ ПЛАГИНА
 

Подписывайся на GRADIENTS.APP!

  • 0 руб.
  • 400 руб.

Версия: 1.0.1

CMS: Moguta.CMS

Количество:

+ -

Мы рекомендуем

Корзина

Корзина