インスタグラムのフィードを取得してWebサイトに表示する jsプラグイン

Instagramの画像をWebサイトに表示するというニーズが発生。

サードバーティが作った簡単にコードを貼り付けるようなツールはあったのだが、リンク先が作者のサイトで広告が貼ってあったりと何かと都合が悪く、思ったより選択肢がなかった。

そんななか見つけたのがこのプラグイン

Instafeed.js

そして試す。

今回の目的は「特定のインスタグラムユーザの最新画像を１つ表示」

<script type="text/javascript">
var userFeed = new Instafeed({
        get: 'user', //ゲットするもの
        userId: 12345678, //ユーザーID
        accessToken: 'xxxxxxxxxxxxxxxxxxxxxxxxxxx', //アクセストークン
　　　　template: '<a href="{{link}}"><img src="{{image}}" width="250" height="250" /></a>' //好きなhtmlで表示
        limit: 1 //画像の数
    });
    userFeed.run();
</script>

使い方はこちらのサイトが参考になりました。

「jQueryでInstagramのフィードを取得して自動スクロールさせる」

似たタイプの記事

• jQueryでメニューのロールオーバー時、アニメーションで背景変更したい
• jQueryで「トップへ戻る」ボタンをスクロールに応じてフェードイン・アウトしたい
• Google feed API で外部ブログのrssを他サイト任意のページに表示する