- Качаем последнюю версию библиотеки spectagram.js
- Если еще не зарегистрированы в инстаграмме - регаемся с помощью мобилки.
- Логинимся и переходим в раздел разработчика. Далее в верхнем меню "управлять программами" и создаем новую.
- Вписываем имя, описание и ссылки на свой сайт + свой сайт для редиректа. После получаем: Client ID, Client Secret, Redirect Url.
- Далее берем вот такую ссылку https://instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token и подставляем сюда свои данные, выданные ранее. Запускаем в браузере, соглашаемся с условиями и получаем вот такой УРЛ с нужным нам параметром access_token=208404762.f59def8.91b5df7f504841078f1cf3fefa60a51e
- Подключаем спектаграм на сайте:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="js/spectragram.js"></script>
- Вносим настройки в скрипт и прописываем на сайте. В своем примере я забираю последние 16 фото с аккаунта.
$(document).ready(function() { jQuery.fn.spectragram.accessData = { accessToken: 'ваш_код_токена', clientID: 'ваш_клиент_айди' };$('.instgal').spectragram('getUserFeed',{ query: 'логин_нужного_акка_в_инстаграмме', max: 16, size: 'small', wrapEachWith: '<span class="instgal"></span>' }); }); - Далее на сайте в нужном месте создаем блок и туда будут выводится картинки
<div class="instgal"></div>
