https://nara-u.ac.jp/asset/js/instagram.js

1$(function() {
2  // アクセストークンとユーザーIDを置き換えてください
3  var accessToken = "EAAIJbqT4TOQBO1ClZAtCcuuxcHe3uwRGrG0RoDUjEBMymw6S5Fxl8UyPWQwJsWHAs8cZBy3lZCnjvVkE3DZCcZCdbt6CnNwsqxguTYqZCrWOEqBK68EWkIQf6vhH6rqvr2ubOABZAvWRZBS4XmZCWfEI27ZB6Ug3KFljz4U9K5IGkyZC9Pe5ZA953p1Da27svZAlGAYfy"; 
4  var userId = "17841460158816486"; 
5  var url = `https://graph.facebook.com/v21.0/${userId}?fields=name,media.limit(12){caption,media_url,thumbnail_url,permalink}&access_token=${accessToken}&sort=timestamp`;
6
7  $.ajax({
8    url: url,
9    method: "GET",
10    dataType: "json",
11    success: function(response) {
12      var posts = response.media.data; 
13      var container = $("#instagram-feed"); // 投稿を表示する要素のIDを指定
14
15      $.each(posts, function(index, post) {
16        if(post.thumbnail_url){ 
17        var postHtml = `
18          <div class="post">
19            <a href="${post.permalink}" target="_blank">
20              <img src="${post.thumbnail_url}">
21            </a>
22          </div>
23        `;
24        }else if(post.media_url){
25          var postHtml = `
26          <div class="post">
27            <a href="${post.permalink}" target="_blank">
28              <img src="${post.media_url}">
29            </a>
30          </div>
31        `;
32        }
33        container.append(postHtml);
34      });
35    },
36    error: function(error) {
37      console.error("Error fetching Instagram posts:", error);
38    }
39  });
40});