instafeed.js: Как добавить instagram на сайт без использования сторонних сервисов

instagram — очень активно развивающаяся социальная сеть, основной контент которой картинки и видео. Основной аудиторией соц сети являются девушки до 25.

Сегодня узнаем как сделать на сайте ленту instagram, чтобы посетители были в курсе вашей жизни 🙂 

Что нам понадобится:

Регистрируем сайт в instagram и получаем коды доступа

Заходим в раздел для разработчиков на  сайте instagram. В принципе на этом можно и закончить мой рассказ, ведь там есть полное описание API для взаимодействия вашего сайта с сайтом nstagram, а если у вас нет знаний в этой обрасти или, как и мне, лень всё писать самому, тогда читаем дальше

Переходим в раздел Manage clients и нажимаем зеленую кнопку Register a new client.

После нажатия зеленой кнопки Register вы перенаправляетесь на страницу управления вашими приложениями и сайтами и видите ваш новый сайт.

При нажатии кнопки MANAGE  вы сможете увидеть данные, которые нам понадобятся в дальнейшем.

Добавляем виджет(ленту) на сайт

Есть несколько способов того, как скачать библиотеку instafeed.js, эти способы описаны на официальном сайте

В тег head вашего сайта добавляем код

не забудьте заменить path/to на путь к библиотеке на вашем сайте.

Ниже добавляем JS код для инициализации и запуска, так же добавляем в тег head

YOUR_CLIENT_ID значение поля Client ID  с сайта instagram.

Там, где вы хотите вывести ленту instagram вставляем код

 

6 thoughts on “instafeed.js: Как добавить instagram на сайт без использования сторонних сервисов

  1. И Что ? Где продолжение ?
    Ничего не выводит, как добавлять картинки ? От куда именно он берет картинки ?

    • у меня всё работает. и статья на этом закончена.
      Что у вас не получается?

  2. Спасибо за статью!!! Подскажите, пожалуйста, чтобы заработало отображение ленты сайт должен быть уже рабочим и, соответственно, его нужно как раз регистрировать в самом начале?

Leave a Comment