인스타그램 연동 방법: 웹사이트와 SNS를 효과적으로 연결하기
기술정보 24.11.21인스타그램 연동이란?
사용자가 자신의 웹사이트, 블로그, 또는 앱과 Instagram 계정을 연결하여, Instagram에서의 활동이나 콘텐츠를 외부 플랫폼에 표시하거나, Instagram의 데이터를 외부 플랫폼에서 사용할 수 있도록 만드는 과정입니다.
인스타그램 연동 방법
[2024년 9월 4일부터 인스타그램 기본 표시 API의 지원 중단으로 비즈니스 계정으로 연결해야 합니다.]
1. 소셜 테크놀로지(페이스북 개발자센터/meta) 통해 로그인 후 내 앱 메뉴에 접근합니다.
2. 내앱 > 앱 만들기 > 신규앱을 만들어줍니다.
(이미 보유하고 있는 앱이 있을 시 ‘제품 추가’로 건너뛰기 / 비즈니스 포트폴리오 필수 X)
앱 상세 정보에 이름, 이메일 작성
앱 이용사례 > 기타 선택
앱 유형 > 비즈니스 선택
앱 만들기 > 상세 정보 작성
3. 앱 만들기 > 인스타그램 설정 클릭
계정추가 후 토큰 생성 > ‘이해합니다’ 체크 > 토큰 복사
4. 인스타그램 API 연결
관리자 페이지 > 디자인 > 디자인관리 > 인스타그램 연동 메뉴에 복사한 토큰 붙여넣기 합니다.
[코드 예제]
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <script> var token = "발급받은 토큰값 "; // 토큰값 갱신 $.ajax({ type: "GET", dataType: "jsonp", cache: false, url: "https://graph.instagram.com/v14.0/me/media?fields=id,caption,media_type,media_url,thumbnail_url,permalink&access_token=" + token, success: function (response) { var instaList = ""; if (response.data.length > 0) { for (i = 0; i < response.data.length; i++) { var item = response.data[i]; var image_url = ""; if (item.media_type === "VIDEO") { image_url = item.thumbnail_url; } else { image_url = item.media_url; } instaList += ' instaList += ' '; instaList += ' "; instaList += ' instaList += ' '; instaList += ""; } //for $(".offer_slide ul").html(instaList); } }, //success }); //ajax </script> | cs |