Instagram のfeedを何とかする。

追記:instafeed.js、ハッシュタグ は、こちら
　　sand-boxでのaccess_tokenで、hashtagでのピックアップできました。

---

Instagram APIの申請が2016から、非常に厳しくなって、
(「access_token」は、取得出来ても、結局使えない。)
(ものすごく頑張れば、なんとかなるのかもだけど。)

それでも、なんとかならないかと、いろいろ試してみた。

RSS.Stagram!!!
自分で投稿した写真、フォローしているユーザーの写真なら、
こちらが良いようだ。
サムネイルのリンク先は、インスタ本家だし。
以前は広告があったけど、最近はないのかな?

websta.me
http://websta.me/tools
から簡単にブログパーツが作れる。(写真20枚まで)
(responsiveの設定があるが、スマホで崩れる。)
サムネイルのリンク先は、websta.me
feedの取得も可。(20枚まで)
http://widget.websta.me/rss/tag/60scar
feedの中に「いいね」「コメント」の数も埋まっているので、
ちょっと頑張れば、表示可能。

今回は、iconosquare.com　を使ってみた。
ハッシュタグでのfeed取得
http://iconosquare.com/tagFeed/60scar
サムネイルのリンク先は、iconosquare.com

... loading ...

以下、ソース
Google feed API利用 (非推奨=いつ動かなくなるか不明)

 <script src="https://www.google.com/jsapi" type="text/javascript"></script>  
 <script type="text/javascript">  
 google.load("feeds", "1");  
 function initialize() {  
 var feed = new google.feeds.Feed("http://iconosquare.com/tagFeed/60scar");  
 feed.setNumEntries(32);  
 feed.load(function(result) {  
 if (!result.error) {  
 var container = document.getElementById("feed");  
 var htmlstr = "";  
 for (var i = 0; i < result.feed.entries.length; i++) {  
 var entry = result.feed.entries[i];  
 var imgchk = entry.content.match(/src="(.*?)"/igm);  
 var imgsrc = imgchk[0];  
 htmlstr += '<a href="' + entry.link + '"><img width="140"' + imgsrc + '/></a>\n';  
 }  
 container.innerHTML = htmlstr;  
 } else {alert(result.error.code + ":" + result.error.message); }  
 });  
 }  
 google.setOnLoadCallback(initialize);  
 </script>  
 <br />  
 <div id="feed">  
 ... loading ...  
 </div>