Instagramの最新記事をサイトに表示したい。

■問題点
下記の記事を参考に実装しようとしたがエラーが出て実装できない。
参考

Instagram Feed: It looks like YOUR network has been temporary banned because of too many requests. See https://github.com/jsanahuja/jquery.instagramFeed/issues/25 4

js
1<!-- ここから -->
2	<div id="instagram-feed" class="instagram_feed"></div>
3	<script src="js/jquery.instagramFeed.min.js"></script>
4	<script>
5	    (function($){
6	        $(window).on('load', function(){
7	            $.instagramFeed({
8	               'username': 'aaaa',
9	               'container': document.getElementById("instagram-feed"),
10	                'display_profile': false,
11	                'display_biography': false,
12	                'display_gallery': true,
13	                'callback': null,
14	                'styling': true,
15	                'items': 6,
16	                'items_per_row': 3,
17	                'margin': 0.25,
18	                'lazy_load':true
19	            });
20	        });
21	    })(jQuery);
22	</script>	
23	<!-- ここまで -->

もし他にお勧めの方法がありましたら教えていただきたいです。

行動規範の内容に同意します

回答1件

ベストアンサー

エラーを翻訳すると、

text
1Instagramフィード：リクエストが多すぎるため、ネットワークが一時的に禁止されているようです。
2https://github.com/jsanahuja/jquery.instagramFeed/issues/254を参照してください

となります。
つまり、下記の可能性があります。

そのライブラリの手法では、Instagramから怒られる

つまり、ライブラリの手法では、瞬間のリクエストが多すぎて、ダメだということです。
参考記事は、7月のものですが、
Instagramはしょっちゅう仕様を変更する~~鬼畜SNSな~~ので、7月には使えたものも、
今だとダメな可能性があります。
また、Ajaxを含め、スクレイピング手法に対しては非常にうるさいSNSです。
（セキュリティを考えると当然ちゃ当然だが）

使い方が間違っている可能性

ライブラリのドキュメントと、自身の構文を睨めっこしてして、
使い方を間違っていないか、再度確認しましょう。
また、エラー文にもありますとおり、
Issues · jsanahuja/jquery.instagramFeed · GitHub
の25の4行目（25と4の間にスペースあるからそうだと思う）にその理由が書かれているはずですので、
参照してみましょう。

ただし、一番目の理由から、
Instagramは、IP単位で、ユーザーエージェントなどからロボット判別をされ、同様のアクセスはしばらくブロックしてくるので、
ブロックされた可能性が高く、
しばらく、質問者さんのマシンからのAjaxアクセスはできない可能性があります。

投稿2020/12/04 05:04

編集2020/12/04 05:12