読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

Instagram(インスタグラム) API でハッシュタグ検索

JavaScript SNS

手順

CLIENT ID を作成する

Instagram Developer Documentation でCLIENT IDを作成

下記APIにアクセスする

https://api.instagram.com/v1/tags/{TAG_NAME}/media/recent?access_token=&client_id={CLIENT_ID}&count=10

※ {TAG_NAME} を検索したいハッシュタグに、{CLIENT_ID}を取得したCLIENT IDに差し替えます。

いい感じのコードを書く

$.ajax({
    type: 'GET',
    url: 'https://api.instagram.com/v1/tags/ずーしーほっきー/media/recent?access_token=&client_id=38ed1477e7a44595861b8842cdb8ba23&count=10',
    dataType: 'jsonp',
    success: function(evt) {
        var $instagram = $('.instagram'),
            $img,
            data = evt.data;
        
        for (var i in data) {
            if (data[i].type === 'image') {
                $img = $('<img src="' + data[i].images.thumbnail.url + '" />');
                $instagram.append($img);
            }
        }
    }
});

で、ずーしーほっきーを検索すると。


こんな感じです。




【追記】
審査が必要になった模様です。
https://www.instagram.com/developer/review/

【更に追記】
審査前に発行していたトークンも使えなくなった模様です。
https://www.instagram.com/developer/review/