Виджет фото из Instagram

Виджет фото из Instagram

 

  1. Качаем последнюю версию библиотеки spectagram.js
  2. Если еще не зарегистрированы в инстаграмме — регаемся с помощью мобилки.
  3. Логинимся и переходим в раздел разработчика. Далее в верхнем меню «управлять программами» и создаем новую.
  4. Вписываем имя, описание и ссылки на свой сайт + свой сайт для редиректа. После получаем: Client ID, Client Secret, Redirect Url.
  5. Далее берем вот такую ссылку https://instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token и подставляем сюда свои данные, выданные ранее. Запускаем в браузере, соглашаемся с условиями и получаем вот такой УРЛ с нужным нам параметром access_token=208404762.f59def8.91b5df7f504841078f1cf3fefa60a51e
  6. Подключаем спектаграм на сайте:
    <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>
  7. Вносим настройки в скрипт и прописываем на сайте. В своем примере я забираю последние 16 фото с аккаунта.
    $(document).ready(function() {
     jQuery.fn.spectragram.accessData = {
     accessToken: 'ваш_код_токена',
     clientID: 'ваш_клиент_айди'
     };$('.instgal').spectragram('getUserFeed',{
     query: 'логин_нужного_акка_в_инстаграмме',
     max: 16,
     size: 'small',
     wrapEachWith: '<span class="instgal"></span>'
     });
     });
  8. Далее на сайте в нужном месте создаем блок и туда будут выводится картинки
    <div class="instgal"></div>