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

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

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

• аккаунт на сайте instagram.com
• библиотека instafeed.js
• и ваш сайт

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

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

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

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

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

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

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

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

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

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

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

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

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

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

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