https://aratashi.jp/js/insta.js

1
2$(function(){
3	$.ajax({
4		type: 'GET',
5
6
7		
8		url: 'https://graph.facebook.com/v17.0/17841455371690145?fields=name%2Cmedia.limit(24)%7Bcaption%2Clike_count%2Cmedia_url%2Cthumbnail_url%2Cpermalink%2Ctimestamp%2Cusername%7D&access_token=EAAUZBkxopViIBPIpbKzMkrcc2gaV8pNRDgkyC4k7AAKjtpszwp42aWgTs8Yt1PqDffUCHtVmr7oPZCxlRY7cMTk2ri4RCfEa2iENBJAMLebpMuo0Ea5nyfTWfeduaYPjurKx4ncW8ho4K6WihWZBJpCkPxCQLZBVHZCLOEeLKcX6kF81nyiP33rDpkG6R',
9		dataType: 'json',
10		success: function(json) {
11
12			var html = '<ul>';
13			var insta = json.media.data;
14			for (var i = 0; i < 24; i++) {
15				var link = insta[i].permalink;
16				var image;
17
18				if(!insta[i].thumbnail_url) {
19					// 写真の場合はこちら
20					image = insta[i].media_url;
21				} else {
22					// 動画の場合はこちら
23					image = insta[i].thumbnail_url;
24				}
25				html += '<li><a href="' + link + '" target="_blank"><img src="' + image + '"></a></li>';
26
27			}
28			html += '</ul>';
29			$("#insta_ph").append(html);
30		},
31		error: function() {
32			//エラー時の処理
33		}
34	});
35});