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>
И Что ? Где продолжение ?
Ничего не выводит, как добавлять картинки ? От куда именно он берет картинки ?
у меня всё работает. и статья на этом закончена.
Что у вас не получается?
Тем, у кого не получается использовать этот метод рекомендую воспользоваться скриптом http://inwidget.ru/
Спасибо за статью!!! Подскажите, пожалуйста, чтобы заработало отображение ленты сайт должен быть уже рабочим и, соответственно, его нужно как раз регистрировать в самом начале?
Да, но как показывает практика — стабильнее работает http://inwidget.ru/
поставили на сайт.
все отлично
спс
Эта схема устарела и не работает. Не тратьте силы и время. И ещё: не вставляйте на сайт сторонних виджетов! Если уж на то пошло, сдеалайте изображение, вставьте и присвойте ссылку на интаграм-аккаунт. Соблюдайте гигиену!
Приветствую.
Признаюсь, что давно не пользовался этим скриптом и не могу ответить, работает ли он сейчас.