워드프레스 웹사이트를 만들다보면 인스타그램(Instargram) 계정을 연결하는 경우가 종종 있습니다.
이때 위젯이든 플러그인이든 Instagram UserIdAccess Token 을 입력해야 하는데, Instagram UserId를 찾는 방법과 Access Token을 발급받는 방법을 기술해 봅니다.

1.Instagram UserId 알아내기

  1. 내 인스타그램 계정에 로그인하여 내 계정 화면으로 갑니다.
  2. 내가 등록한 이미지중 아무거나 하나를 오른쪽 클릭해서 링크주소를 복사합니다.
    인스타그램 (instargram)의 UserId 알아내는 방법-01
  3. 아래의 사이트에 접속하여 복사한 링크를 입력한후, “Go!”버튼을 누릅니다.

    http://www.otzberg.net/iguserid/

    인스타그램 (instargram)의 UserId 알아내는 방법-02

  4. 다음화면에서 원하는 “User ID”를 찾을수 있습니다.
    인스타그램 (instargram)의 UserId 알아내는 방법-03

2.Access Token 발급받기

  1. 인스타그램에 로그인한후 http://instagram.com/developer 화면으로 간후, 상단의 “Manage Clients” 로 들어갑니다.
    인스타그램에서 Access Token 가져오기-01
  2. Developer Signup 화면의 기초 정보를 입력하고, Sign up 합니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-02
  3. 바뀐 화면에서 다시 상단의 “Manage Clients” 로 들어가 “Register a New Client” 버튼을 누릅니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-03
  4. “Register New Client ID” 화면에 적당한 정보를 입력합니다. 앱이름은 내가 구별하기 좋으걸로넣고,”Privacy Policy URL”은 적지 않아도 됩니다. 단, “Valid redirect URIs” 에는 꼭 “http://localhost” (인용부호 빼고) 라고 입력한후, Security 탭으로 갑니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-04
  5. “Disable implicit OAuth” 를 꼭 언체크하고, 리캡차 입력후 “Register” 버튼을 누릅니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-05
  6. 새로운 어플리케이션이 생성되었다. “CLIENT ID”를 따로 복사해 놓습니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-06
  7. 빈 브라우저하나를 띄운후에 주소 입력창에 아래 코드를 붙여 넣은후, [CLIENT_ID_입력칸] 을 복사해 놓은 CLIENT ID로 변경한후 엔터를 누릅니다.
    https://instagram.com/oauth/authorize/?client_id=[CLIENT_ID_입력칸]&redirect_uri=http://localhost&response_type=token
    인스타그램 (Instargram)에서 Access Token 가져오기-07
    인스타그램 (Instargram)에서 Access Token 가져오기-08
  8. 아래와 같은 화면이 나타납니다. “Authorize”를 누릅니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-09
  9. 아래와 같은 화면이 나타납니다. 상단 주소 입력창을 보면 Access Token 코드가 보입니다. 이것이 지금까지 만든 어플리케이션의 Access Token 코드입니다. 이 코드를 내 웹사이트의 인스타그램 플러그인이나 위젯등 Access Token 을 요구하는 칸에 입력하면 됩니다.
    인스타그램 (Instargram)에서 Access Token 가져오기-10

참고

쉽게 눈치 채겠지만, Access Token 의 앞부분에 나오는 숫자가, 나의 User ID 입니다.

글쓴이 :
WPBOX.KR 운영자
AVADA.KR 운영자
EnnioLove.com 운영자
Facebook
everygofine@gmail.com
인기글
구글맵 API 설정 후에도 “개발 목적”이라고 표시되는 경우
카페24 웹호스팅 보안서버 SSL 인증서 443 포트 사용
워드프레스 차일드테마 설치 Child theme
워드프레스 한국형 게시판_KBoard와 MangBoard
레볼루션 슬라이더 버전 4.X 사용법
Yoast seo 플러그 사용법 (1.General)
MAMP 사용기(내 컴퓨터에 로컬서버 구축하기)
사용자 정의 필드와 ACF (Advanced Custom Fields) 플러그인
워드프레스에서 글과 페이지의 차이
WPBOX 워드프레스 스터디 회원 모집 (완료)

9개의 댓글이 있습니다.

  1. 안녕하세요. 검색으로 들어왔습니다. 카페24의 빌더호스팅으로 홈페이지를 만들고 있어요. 그런데 메인 페이지의 하단에 인스타그램을 불러오고 싶은데 토큰값을 입력했음에도 불구하고 보여지질 않고 있습니다. 이제 3일차 인스타와 쓰름중에 검색도 많이 해보고 했는데 잘 안되어 검색중에 님의 글을보고 문의 드려봅니다. 번거로우시겠지만… 그냥 지자치지 마시고 말씀 부탁드려봅니다. ㅠㅠ

    저희 토큰값이 정확히 말씀 드리자면
    #access_token=4595047612.8faa18e.789d7f3c4ea44dfcbe7d69dc37a60e89 입니다.

    INSTAGRAM

    이렇게 하단에 불러들이는 부분입니다. 초면에 죄송합니다. 번거로우시겠지만 한번 확인 후 말씀 부탁드려봅니다.

  2. 안녕하세요. 검색으로 들어왔습니다. 카페24의 빌더호스팅으로 홈페이지를 만들고 있어요. 그런데 메인 페이지의 하단에 인스타그램을 불러오고 싶은데 토큰값을 입력했음에도 불구하고 보여지질 않고 있습니다. 이제 3일차 인스타와 쓰름중에 검색도 많이 해보고 했는데 잘 안되어 검색중에 님의 글을보고 문의 드려봅니다. 번거로우시겠지만… 그냥 지자치지 마시고 말씀 부탁드려봅니다. ㅠㅠ

    저희 토큰값이 정확히 말씀 드리자면
    #access_token=4595047612.8faa18e.789d7f3c4ea44dfcbe7d69dc37a60e89 입니다.

    저희 하단에 말씀드린 인스타를 불러들이는 부분입니다.

    INSTAGRAM

    초면에 죄송합니다. 번거로우시겠지만 한번 확인 후 말씀 부탁드려봅니다.

  3. 안녕하세요. 인스타그램 액세스 토큰 관련해서 검색하다 글을 보게 되었는데요!
    자꾸 에러값이 나옵니다. 그대로 해봤지만 이유를 도저히 모르겠네요….

    {“error_type”: “OAuthException”, “code”: 400, “error_message”: “Invalid Client ID”}

    1. 클라이언트 id 입력이 잘못되었다는 메세지 인데요.

      방금전에 테스트 해 보았는데…
      4번의 새로운 클라이언트 id 등록시 입력한 내용대로(이 화면이 조금 변경되긴 했으나 맥락은 같습니다.)
      7번 코드를 입력하면 토큰값을 잘 반환합니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다