워드프레스 웹사이트를 만들다보면 인스타그램(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
인기글
카페24 웹호스팅 보안서버 SSL 인증서 443 포트 사용
워드프레스가 제한하는 파일을 업로드 하는 방법
워드프레스 우커머스 쇼핑몰 플러그인 한국형 배송 설정 정리
FTP 파일질라 전송시 한글파일 누락
워드프레스 업로드파일 용량 제한 올리기
워드프레스 쇼핑몰 플러그인 우커머스 설정
워드프레스 아리따 폰트 적용 방법
워드프레스 도메인변경
Woocommerce Quick Buy – 플러그인 : 우커머스 상품목록에 바로구매 버튼 넣기
다른 도메인 으로 들어온 요청을 메인 도메인의 특정 페이지로 연결하기

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번 코드를 입력하면 토큰값을 잘 반환합니다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다