인스타 연동

<!-- // 인스타그램 게시물 불러오기 시작 -->
<script type="text/javascript" src="/js/instafeed.min.js"></script>
<ul id="gallery"></ul>

<script type="text/javascript">
	var feed = new Instafeed(
			{
				target : 'gallery',
                limit : 4, // 최근 사진 4개만 가져오기
				template : '<li> <a target="_blank" class="insta-imgBox" href="{{link}}"><img title="{{caption}}" src="{{image}}" /><span class="insta-body">{{caption}}</span></a></li>',
				accessToken : '엑세스 토큰 값'
			});
	feed.run();
</script>
<!-- // 인스타그램 게시물 불러오기 끝 -->

인스타 피드를 불러오기 위해 필요한 스크립트 파일

instafeed.min.js

0.01MB

최근 피드 사진 4개만 가져오기 limit 추가

참고사이트

인스타그램 api - 내 게시물 가져오기-바오밥 블로그 (baobab612.com)

인스타그램 최근 피드 내 웹사이트에 가져오기 (1/2) - Long Lived Access Token 생성하기, Refresh Access Token, 2020년 개정 API : 네이버 블로그 (naver.com)