Вывод фото из Instagram на своем сайте с новым API (исправлено Error from Instagram: The access_token)

1 июня 2016 года, большое количество сайтов отправили на консоль в браузере ошибку Uncaught Error: Error from Instagram: The access_token provided does not match an approved application. Это Instagram выключил старый API и запустил новый, который ограничел всех вокруг и убил все неофициальные клиенты Инстаграм.

На этом сайте и на сайтах клиентов, мы переодически выводим фото из Инстаграмов (профилей), что добавляет счастья и радости всем, но всё это сдохло.

Времени на игру «Инстаграм одобри мое приложение» нет, плюс скорей всего ничего не одобрят и не поймут и не ответят, поэтому хватаем подручное средство и чиним вывод фото из Инстаграм с новым API.

До этого было свое решение через JSON, но к нему вернемся потом.

Сейчас скачиваем скрипт instafeed.zip [6,4 Kb] (cкачиваний: 530) , далее его устанавливаем:

<script type="text/javascript" src="path/to/instafeed.min.js"></script>

https://github.com/stevenschobert/instafeed.js 

Теперь запускаем:

<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
userId: 'YOUR_USER_ID',
accessToken: 'YOUR_ACCESS_TOKEN'
});
userFeed.run();
</script>

accessToken получаем здесь или если не работает, то здесь, предварительно зайдя в Инстаграм под нужной учетной записью.

userId, это все цифры из accessToken до точки, просто копируйте их.

Добавляем на страницу:

<div id="instafeed"></div>

Всё! Инстаграм работает и выводит фотографии из вашей учетной записи. Проблема временно решена, но её всё еще нужно исправить полностью, но это чуть позже.

Родной вариант (добавлено 8 июня 2016)

Требуется jQuery.

Скачиваем instagramGet.js.zip [830 b] (cкачиваний: 544) и подключаем:

 $("#instagram").instagramGet({
"user_id": "YOUR_USER_ID",
"access_token": "YOUR_ACCESS_TOKEN",
"count": 12
});

Добавляем на страницу:

<ul id="instagram"></ul>