Instagram feed on the site, what means to implement?

Question

JavaScript

Good day!
The task is to make a feed from instagram on the site.
Of the options there is instafeedjs.com , but the problem is that when you click on the picture, it throws you to the instagram site, but I would like to view the pictures in full size without leaving my site.
I also found this option: codecanyon.net/item/instagram-theatre/full_screen_...
Everything seems to be right here, but this is a WP plugin and, as far as I can tell, it saves pictures to itself and only then gives it back. And it is not clear what he does with video posts.
Question. What are the best ways to implement this feed in order to:
a) open full-size photos on the current site, not go to the instagram site
b) watch the video in the same way
c) have hashtags and photo captions
. Has anyone had any experience? Please share.

Answer 1

php + instagram API

Answer 2

instafeedjs has written extensive documentation on how to use their script.
The template parameter is what you need:

<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>

Answer 3

<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>

in the href attribute, you need to replace it with {{image}} and use some kind of gallery, for example, fancybox.

Answer 4

Did this myself recently. Made by this method plusgallery.net
Displays a description of the photo. The video is just a picture. The internetagram does not go to the site.

Answer 5

Here is a good tool frisbuy.ru , displays the instagram feed in the online store, and even allows you to mark up products

Answer 6

Recently I saw a solution on the psychologist's website on Instagram.
They used a ready-made shortwaytopay.com widget.
It is installed on the site, downloads the author's account from Instagram, creates separate pages for each publication with CNC addresses, and puts down the seo markup itself.
In general, the solution is interesting, almost for nothing. Can you arrange the option to install their widget on your site?

Answer 7

I wrote a small library for such a case ( link to github ). It turned out to be only 2Kb and does not require access_token and client_id from Instagram.