jsanahuja/jquery.instagramfeed

Instagram Feed without access token. Not using the Instagram API

Javier Sanahuja

jquery.instagramfeed's Issues

Using with blogger

Hi, firstly i want to say thank you for great plugin.

I am rookie and i want to use this instagram plugin on my footer in blogger. I added the code footer section but nothing is showing. Can you help me to fix this. i am using https://github.com/abhibagul/Morpho-Blogger-Template and i want to use in footer-wrapper div.

InstagramFeed Error

On the main demo page any of the instagram feeds using 'username' instead of 'tag' are receiving an error and not showing. On my websites using the instagram feed I am also getting an error and the feeds are not loading.

Is it possible to get image caption ?

Would it be possible to get the image caption on instagram?

An error (Display breaks on "·" character) was introduced in latest Jan 7 2020

Hi There,
I've produced a Drupal module to integrate your library into Drupal sites and recently an issue came up where if an image on instagram contained a "·" character in the name of the image, it would break the display.

I tracked down the issue to be something that was introduced between the November 29, 2019 version of jquery.instagramFeed.min.js and the one that was most recently released on January 7, 2020.

If I use the January 7, 2020 version, the problem comes up. If I use the November 29, 2019 version, the problem doesn't exist.

The instagram user I'm referring to is: transcend_the_physical

I've attached relevant screenshots. The issue is discussed here: https://www.drupal.org/project/simple_instagram_feed/issues/3111759

I haven't run a diff to check but I would expect it should be a fairly quick way to resolve the issue.

Cheers,
Andrew

Getting 302 redirection to login

Hi there ! I've set up the library on a project, works perfectly fine. However, after a few days, the feed stopped working.

I was scrapping info from a single client instagram account to display their latest publications. Now I get 302 redirection through instagram login page, avoiding me to retrieve datas from public profile.

From what I've read, Instagram of course has a limit for scrapping. Do you know if there is a way to bypass it, or any additional infos regarding actual limit?

Can I prepend block into .instagram_gallery

Can I prepend block into .instagram_gallery so it looks like this?
I was trying simply prepend block but is didn't work.

Video issue

If theres a video in the account the scripts crashes and stops working. Not even showing images from feed.

Plugin Stopped Working

I noticed yesterday that my Instagram feed stopped working. Debugging it looks like the Ajax request is being redirected to a login page on IG. This is happening on more then one use using the script and they both have public feeds.

Any idea what's going on?

More feed Option

What if I want to load more than 12 images?

photos max

photos to view

hello everyone, wonderful script

is it possible to increase the photos to see?

now they are max 12

'items': 12

Add rel="noopener" attribute to follow best practices

For how much user we can use this jquery.

Hello Team,

Thanks for this jQuery plugin. It works very good!

I have used this plugin on my website. There is more than 2000 instagram plugin. So we are using this plugin to show instagram feed when click on username. We have list of user, when click on username its open a popup and at bottom of popup we are using your script for show instagram feed ofr that particular user.

I just wnat to know that for how much user we can access this jQuery. Is there any limitation with this jquery that we can access this for limited no. of user in an hour? Please see screenshot of my list user.

Thanks

Display from Multiple Accounts

It would be great to be able to display from multiple user accounts in the feed. It doesn't look like the username cna accept more than one parameter. Is this a possible addition?

Display description, comments and likes

Hi there, awesome script! Is there a way to display the post description within the image? Same for comments and likes. Thanks!

Output RSS Feed or Atom Xml format

Could anyone turn it into an RSS Feed or Atom Xml format output?

php variable and functin

I can insert a variable php into the function
which takes dynamic data for each field
example:
$instagram=$row['urlinstagram'];

<script>
        (function($){
            $(window).on('load', function(){
                $.instagramFeed({
                    'username': '$instagram',

Incorrect documentation for 'display_igtv'

The options documentation for display_igtv says the default value is true, whereas it appears to actually be false...

Just show me 12 photos?

I modify the number of items: 20.

And he keeps showing me 12.

It's working on some devices and not on others

Hello,
I've been using the plugin on my Blogger themes since February (i own a small Etsy shop), and recently, some people have told me it's not working, but I can still see the plugin on their pages. The same people also told me that they were asking someone else to check and that they were seeing it too. So, some people can see and others can't.
Is this a known situation? Any clues as to what it might be?
Thank you!

How to make it work on Chrome?

Hello,

I have a little problem. Its working perfectly on Safari, however when I open the page on Chrome a nothing works.

Add support to render other scales

By default we render thumbnail_src which is the 640 x 640 scale. In the thumbnail_resources array we have available the scales for the 150x150, 240x240, 320x320, 480x480 and 640x640.

• Add support to render images of other scales
• Update documentation
• Add markup for different resources (classes depending if its video, sidebar, igtv)

EDIT: Markup

Just stopped working with username...

Hi,
Thanks for this nice project!
The function just stopped working when it used with username on my website.
I checked on your documentation website and it's same issue.
Do you know what happened?
Thanks for your help,
Kind regards

direct pictures id selection

hello at first thank you for this simple tool without needed api support. its greate

is there a simple way that I can tell the script when loading which pictures it should load explicitly?
total pictures e.g. 20. and it should load picture 1-4, and when i tell em picture 5-8, .... picture 9-12 ect. ect. without changing the script itself? or i have to use get data with callback and build it by my own?

thank you :)

get photos by tag?

Is there is a way to filter the response by tag.

Not working

Error:

Uncaught TypeError: Cannot read property '0' of undefined
    at Object.success (jquery.instagramFeed.min.js:9)
    at c (jquery.min.js:2)
    at Object.fireWith [as resolveWith] (jquery.min.js:2)
    at l (jquery.min.js:2)
    at XMLHttpRequest.<anonymous> (jquery.min.js:2)

code:

$.instagramFeed({
        username: "travelagent_cestujsk",
        container: "#instafeed",
        display_profile: false,
        display_biography: false,
        display_gallery: true,
        callback: null,
        styling: true,
        items: 8,
        items_per_row: 4,
        margin: 1
    });

Version: 1.2.1

Add support to render igtv

Check for instance: https://www.instagram.com/fcbarcelona
Tab: IGTV it's included in the json inside: window._sharedData.entry_data.ProfilePage[0].graphql.user.edge_felix_video_timeline

How to get items more than 12 thumbnails?

After set the value 'items' : 20 just getting 12 thumbnails. Can you tell me why it's happening?

Lazy loading functionality

This issue is to implement lazy loading as was done in this InstagramFeed PR jsanahuja/InstagramFeed#30

number of pics - load more...

Hello
no matter what number I use I only get 12 pictures - I put in 100, still only get 12 pictures - was wondering what is going on.

how difficult would it be to e.g. show an initial 9 picture and give the user/visitor the option to load more pictures?

Thanks in advance for your input.

Image_size paramter not working

Hello,
if I set the parameter image_size, the image will not have the size I set.
This is happening because the width form the image is calculated based on the images per line.

How to implement this script?

Implementing on the body of the page doesn't have any effect. Is there any HTML Code that I need to add?

<script src="jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'instagram',
                'container': "#instagram-feed1",
                'display_profile': true,
                'display_biography': true,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 8,
                'items_per_row': 4,
                'margin': 1 
            });
        });
    })(jQuery);
</script>

Cannot read property '0' of undefined

Cannot read property '0' of undefined

429 (Too many requests)

Hi there,

Using this on a site and during development every 2 or 3 reloads I get an error of "429 (Too many requests) originating from "https://cors-anywhere.herokuapp.com/https://www.instagram.com/instagramuser".

Is this a known problem with this workaround library and is there any resolution to this?

CDN Access

Great script. Any chance of adding it to a CDN like https://cdnjs.com/ ?

Thanks

Glennyboy

Retrieving images from username with tags

Is there a way to retrieve the images using both the "username" and "tag" options?

I want to get images with a specific tag from a specific user, but at the moment its one or the other.

It stopped working for me

Only Instagram images appear searching for TAG. By username shows error.

In the example it is also not working, and displays the same error:

Uncaught TypeError: Cannot read property '0' of undefined

Responsive "items_per_row" Value

Is there a way to change the "items_per_row" value in a media query? I'm trying to make items_per_row = 3 on desktop and items_per_row = 2 on mobile screens.

Thanks for the great repo!

CORS Policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

All our sites using this script have gone down with the same CORS error at same time. Instagram may have changed their CORS policy recently, as this script has been working perfectly for months. Is there any way to get around the error?

Access to XMLHttpRequest at 'https://www.instagram.com/ACCOUNTNAME' from origin 'https://SITE.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

InstagramFeed.js:218 Uncaught TypeError: Cannot set property 'innerHTML' of null

Hey guys. I tried using https://github.com/jsanahuja/InstagramFeed. Getting the following error when trying to use it:

VM140 InstagramFeed.js:218 Uncaught TypeError: Cannot set property 'innerHTML' of null
at Object.display (VM140 InstagramFeed.js:218)
at VM140 InstagramFeed.js:226
at XMLHttpRequest.xhr.onload (VM140 InstagramFeed.js:96)

Here's my implementation:

<script src="js/InstagramFeed.js"></script> <script> (function(){ new InstagramFeed({ 'username': 'screentek', 'container': document.getElementById("instagram-feed1"), 'display_profile': true, 'display_biography': true, 'display_gallery': true, 'callback': null, 'styling': true, 'items': 8, 'items_per_row': 4, 'margin': 1 }); })(); </script>

And then of course the div.

Did you guys run into this? Seems like I'm doing something wrong or something has changed?

I can't get it to work.

Hi, maybe its not issue, but i can't get it to work.
I want to show small gallery. Can you show me working file? Or somewhere on web?
What am I doing wrong?
When i put js to file it will do nothing for a example my file looks like this:

`

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="jquery.instagramFeed.min.js"></script>

<script> (function($){ $(window).on('load', function(){ $.instagramFeed({ 'username': 'myname', 'container': "#spring", 'display_profile': true, 'display_biography': true, 'display_gallery': true, 'callback': null, 'styling': true, 'items': 8, 'items_per_row': 4, 'margin': 1 }); }); })(jQuery); </script>

</head>
<body>
    <div>Its working</div>
    <div id="jsonHere"></div>
</body>

`

How to change alt tag shown in the instagram image on website. Actually i don't like to show alt like this . When it shows in google search result it don't look good

Hi, I want to change alt text data and structure which can appear in the google search result. Current structure: username Instagram image 0 like this which does not look good anywhere. Please help.

Responsive display

consider those setting for desktop display
note that i only want to display 10 images on one row
'items': 10,
'items_per_row': 10,

when i switch to mobile the images get smaller and not visible enough
so how to tell the browser in case of mobile to display one or two items per row

Adding event hooks

Great plugin!

Is there any way I can execute custom code when the plugin finishes loading the posts (like onEnd or something similar)?

Documentation for `items` not 100% correct

The documentation for the items option states:

Num of items to display in gallery. Accepted values [0-12]

However this limit is only true for users. Tags can have many more than 12 (at least 70 according to Example 4).

Document the 'items_per_row' option

The items_per_row option isn't documented...

How to limit items when using get_data

$.instagramFeed({ 'tag': 'tag', 'get_data': true, 'items': 20, //it's won't work 'callback': function (data) { console.log(data); } });

More than 12

How can I show more than 12 posts?

How can I increase the number of items for Users?

Hello, I need to show more photos of the limit of 12 items that you specify.

temporary banned because of too many request

I 'm getting this error , anyone knows how to fix it?
'Instagram Feed: It looks like YOUR network has been temporary banned because of too many request'

thanx

It stopped working

I believe instagram just made necessary to login to get the feeds