Instagram лента на сайте, какими средствами реализовать?

Question

[Xrist1An]

Доброго времени суток!

Стоит задача сделать ленту из инстаграма на сайте.
Из вариантов есть instafeedjs.com, но проблема в том, что там при клике на картинку кидает на сайт инстаграма, а хотелось бы просматривать картинки в полном размере не уходя с моего сайта.

Так же нашел такой вариант: codecanyon.net/item/instagram-theatre/full_screen_...
Тут вроде все как надо, но это плагин на WP и, насколько я могу судить, он сохраняет к себе картинки и только потом отдает. И непонятно что с видео постами он делает.

Вопрос. Какими средствами лучше реализовать эту ленту, чтобы:
а) полноразмерные фото открывать на текущем сайте, не переходить на сайт инстаграма
б) точно так же просматривать видео
в) иметь хэштеги и подписи под фото

Был ли у кого опыт? Поделитесь, пожалуйста.

Comments

[Сёмка Гавриленко]

Как показывает опыт - использовать сторонних сервисов не есть хорошо. Ведь мы не знаем какую статистику вы собираете на сайте и что встраиваете на сайт. Рекомендую использовать библиотеку instafeed.js, вот инструкция по настроке https://site-style.by/kak-dobavit-instagram-na-saj...

Answer 1

[Дмитрий]

Php + instagram api

Comments

[Xrist1An]

а что с видео?

[Дмитрий]

Xrist1An: а что с ним? Апи выдает тип контента для каждой записи. Просто смотрите на это и выводите плеер (какой вам надо).

Answer 2

[Руслан Садыхов]

instafeedjs написал целую документацию по использованию своего скрипта.

Параметр template это и есть то, что Вам нужно:

<script type="text/javascript">
 var feed = new Instafeed({
  get: 'tagged',
  tagName: 'awesome',
  clientId: 'YOUR_CLIENT_ID',
  template: '<a href="{{link}}"><img src="{{image}}" /></a>'
 });

 feed.run();
</script>

Comments

[Xrist1An]

Спасибо!

Answer 3

[Alexey Levicky]

<script type="text/javascript">
 var feed = new Instafeed({
  get: 'tagged',
  tagName: 'awesome',
  clientId: 'YOUR_CLIENT_ID',
  template: '<a href="{{link}}"><img src="{{image}}" /></a>'
 });

 feed.run();
</script>

в атрибуте href надо заменить на {{image}} и использовать какую-нибудь галерею, к примеру, fancybox.

Comments

[Сёмка Гавриленко]

Вот инструкция по настроке https://site-style.by/kak-dobavit-instagram-na-saj...

Answer 4

[Hitmanp]

Сам недавно делал такое. Сделал по этому методу plusgallery.net

Выводит описание фото. Видео - только картинку. На сайт иннетаграмма не переходит.

Answer 5

[ziine]

Вот хороший инструмент frisbuy.ru, выводит ленту instagram в интернет-магазине, да еще дает возможность товары размечать

Answer 6

[bolshiyanov]

Недавно видел решение на сайте психолога в Инстаграм.
Использовали они готовый виджет shortwaytopay.com
Он устанавливается на сайт, выкачивает из инстаграм аккаунт автора, создаёт отдельные страницы для каждой публикации с ЧПУ адресами и сам проставляет seo разметку.
В целом решение интересное, почти даром. Может устроит вариант установить на свой сайт их виджет?

Answer 7

[Алексей Истомин]

Написал для такого кейса небольшую библиотечку (ссылка на гитхаб). Получилась всего 2Кб и не требует access_token и client_id от инстаграма.

Comments

[Дмитрий Глазков]

Как ею пользоватся?

[Myakish999]

Пример не работает :(

[Алексей Истомин]

Myakish999, инстаграм ввел новые ограничения. На данный момент нет обходного решения. Остаётся только использовать официальное API c ключом.