홈페이지에 인스타그램 게시물 가져오기 > 유토 자료실

본문 바로가기
사이트 내 전체검색

유토 자료실

홈페이지에 인스타그램 게시물 가져오기

페이지 정보

profile_image
작성자 관리자
댓글 0건 조회 46회 작성일 21-02-15 14:31

본문

홈페이지에 인스타그램 게시물 가져와 보여주는 방법에 대해 알아보도록 하겠습니다.

가장 중요한 것이 인스타그램의 엑세스 토큰 값을 알아야 합니다.

 

1. 먼저 페이스북 디벨로퍼 사이트에 접속합니다. 페이스북에 로그인합니다.
홈페이지 우측 상단의 [내앱]을 클릭합니다.

 

2. [앱 만들기]를 클릭하면 뜨는 팝업창에서 하단의 [옵션 더보기]를 선택하고 [계속]버튼을 누릅니다.
그다음 [기타]를 선택하고 [계속]을 누릅니다.
표시할 앱 이름을 적절히 입력하고 이메일을 입력한 후 [앱 만들기]버튼을 누르면 입력한 이름으로 앱이 만들어집니다.

 

3. 만들어진 앱의 대시보드 좌측 메뉴에서 [설정]-[기본설정]을 선택합니다.
화면 맨 하단의 [+플랫폼 추가]버튼을 클릭합니다.
그다음 뜨는 새창에서 [웹사이트] 선택합니다.
웹사이트에서 사이트 URL을 자신의 홈페이지 URL을 정확히 입력하고 하단의 [변경내용 저장]을 누릅니다.

 

4. 그다음 대시보드 좌측 메뉴에서 [제품+]를 선택하고 제품 목록에서 [Instagram 기본표시]에서 [설정] 버튼을 클릭합니다.
그다음 하단의 [새 앱만들기]를 클릭합니다. 새창으로 뜨는 앱 아이디 입력부분에서 표시이름을 입력합니다. 이전에 입력한 앱 이름이 뜨면 그대로 하단의 [앱 만들기] 버튼을 클릭합니다.

그다음 중간 부분의 [클라이언트 OAuth 설정]와 [콜백 URL 승인 취소], [데이터 삭제 요청] 란에 자신의 홈페이지 주소를 입력하고 하단의 [변경내용 저장]을 클릭합니다.
그다음 화면 중간의 사용자 토큰 생성기에서 [Add or Remove Instagram Testers] 버튼을 누릅니다.

 

5. 다음화면 하단의 [Instagram 테스터 추가] 버튼을 눌러 뜨는 새창에서 가져올 자신 계정의 인스타그램 계정명을 입력합니다.
그러면 하단 Instagram 테스터 부분에 대기중으로 표시됩니다.

 

6. 이 상태에서 자신의 인스타그램 계정에 로그인하여 인스타그램 [프로필 편집]에서 좌측 메뉴의 [앱 및 웹사이트]를 선택합니다.
그 다음 우측의 [테스터 초대] 탭을 클릭한 후 [수락]버튼을 누릅니다.
그 다음 이전의 페이스북 대시보드로 가서 새로고침을 하면 [역할] 하단의 Instagram 테스터 부분이 대기중에 없어지고 사용할 준비가 끝납니다.

 

7. 다시 대시보드 좌측메뉴의 [Instagram 기본 표시]-[기본 표시]에 들어가면 화면 중간 쯤에 사용자 토큰 생성기 부분의 [Generate Token] 버튼을 누르면 인스타그램 로그인 창이 뜨고 로그인을 하면 인스타그램 계정 엑세스 권한에 대한 선택창이 뜹니다.
여기서 [허용]을 누르면 다음 창으로 Token Generated에서 부여된 토큰 키값이 보이고 [I Understand]를 체크하면 암호화된 부분이 모두 보이게 됩니다. 이 키 값을 복사하여 사용하시면 됩니다.

 

첨부파일

댓글목록

등록된 댓글이 없습니다.

설문조사

결과보기

유토빌드를 어떻게 알게되었나요?

    고객센터

  • 02-123-4567
  • 상담시간. 월~금 09:00 ~ 18:00 (일요일,공휴일 휴무)
  • 입금계좌안내
  • OO은행 12345-67-89012 예금주명

사이트 정보

회사명 유토하우스
주소 OO도 OO시 OO구 OO동 123-45
사업자 등록번호 123-45-67890
대표 대표자명
전화 02-123-4567 팩스 02-123-4568
이메일 utohouse@naver.com
통신판매업신고번호 제 OO구 - 123호
개인정보 보호책임자 유토맨
부가통신사업신고번호 12345호

접속자집계

오늘
24
어제
42
최대
78
전체
11,073
Copyright © 소유하신 도메인. All rights reserved.