인스타그램 피드 연동 방법 – API 활용부터 위젯까지 한눈에 보기

인스타그램 기본 디스플레이 API

인스타그램 기본 디스플레이 API를 사용하면 앱 사용자는 Instagram 계정에서 기본 프로필 정보, 사진 및 동영상을 가져올 수 있습니다.

• 인스타그램 사용자로부터 인스타그램사용자 액세스 토큰 및 권한 가져오기
• 인스타그램 사용자의 프로필 가져오기
• 인스타그램 사용자의 이미지, 동영상 및 사진첩 가져오기

https://developers.facebook.com/docs/instagram-basic-display-api

인스타그램 위젯 Widget

복잡한 API 연동 과정 없이 간단한 위젯 코드 삽입만으로 인스타그램 피드를 내 사이트에 가져올 수 있습니다.
https://elfsight.com/instagram-widget-instalink

Elfsight

Elfsight는 웹사이트에 쉽게 삽입할 수 있는 다양한 위젯을 제공하는 SaaS 플랫폼이다.

사이트 바로가기

인스타그램 피드 불러오기가 갑자기 안된다면

인스타그램 API를 이용하여 피드를 불러오는 연동 서비스가 갑자기 안될 때가 있습니다.
잘 나오던 인스타그램 이미지가 나오지 않는 현상입니다.
이 경우 "Client Secret"을 "Reset Secret" 하여 "Access Token"을 새로 발급받아 스크립트를 업데이트하시면 됩니다.

아래는 "Access Token"을 확인하는 URI 입니다.

https://api.instagram.com/oauth/authorize/?client_id={CLIENT-ID}&redirect_uri={REDIRECT-URI}&response_type=token

Instafeed.js

Instafeed.js is a simple way to display your Instagram photos on your website.
https://instafeedjs.com