전체상품목록 바로가기

본문 바로가기

문의/상담/수정요청

문의/상담/수정요청 게시판입니다.

게시판 상세
제목 C스토어 인스타그램위젯 서비스 종료. API 적용하여 인스타그램 가져오기
작성자 이츠피플 (ip:)
  • 작성일 2018-12-03
  • 추천 추천하기
  • 조회 180
평점 0점

안녕하세요. 이츠피플입니다.

C스토어 인스타그램위젯 서비스가 12월 5일부로 완전 종료됩니다.

이츠피플에서는 인스타그램 api를 통해 정상적으로 인스타그램을 가져올 수 있도록 서비스해드리려고 합니다.



아래 설명을 보시고 발급 받은 엑세스토큰을 알려주신

기존 고객분들께 무료로 적용해드리겠습니다.

인스타그램 계정 / 엑세스 토큰 / 관리자 아이디 / 관리자 비밀번호

위 정보를 문의/상담/수정 게시판에 남겨주시면 순차적으로 적용해드리겠습니다.


썸네일 크기, 인스타로고등은 기존과 다를 수 있습니다.

한가지 디자인으로 일괄 적용해드리기때문에 따로 수정작업해드리지 않습니다.


--------------------------------------------------------



api를 사용하기 위해서는 인스타그램 개발자 페이지에서 Client ID 등록 과정을 거쳐 access token 을 발급받아야 합니다.

아래의 설명을 천천히 자세히 보신다면 어렵지 않습니다.



아래의 순서대로 천천히 따라와주세요.



STEP 1. 인스타그램 개발자 페이지 접속 후, 자신의 인스타그램 아이디로 로그인 합니다.


인스타그램 개발자 페이지 주소

https://www.instagram.com/developer/



아래와 같은 화면이 열립니다.



 





STEP 2. 로그인 후 상단의 Manage Clients 클릭하세요.



 




STEP 3. 녹색 버튼 Register a New Client 클릭합니다.

(제 계정은 이미 Client ID가 등록되어있어서 처음 등록하시는 분들과 화면이 다릅니다.

모자이크 된 부분은 개의치 마시고 아래 빨간색으로 표시한 녹색버튼만 확인하고 클릭하시면 됩니다.)







STEP 4. 아래 Register new Client ID 화면에서 Details 탭의 항목들을 입력하세요..

Website URLVaild redirect URIs

http:// 를 포함하여 고객님 사이트 주소를 정확히 입력해 주세요.

입력하신 주소는 마지막 토큰발급 과정(STEP 7)에서 한 번 더 사용되기때문에 주소를 정확히 넣으셔야해요.

Privacy Policy URL과 Contact email은 입력을 안해도 돼요.

입력 다 하셨으면 Register 누르지 마시고 바로 Security 탭으로 이동하세요.


 





STEP 5. Security 탭에 이동 후 Disable implicit OAuth 체크박스를 해제하세요.

그리고 최종적으로 Register 를 클릭합니다.


 





STEP 6. 새로운 Client ID가 제대로 생성된 화면입니다.

이 Client ID가 access token 을 발급 받는데 사용됩니다.

아래 빨간색으로 표시된 부분을 복사해두세요.


ps. 여기서 끝 아니예요. 밑으로 계속 더 진행해주셔야 합니다.

Client ID 알려주시는 분들 많으신데 더 진행하셔서 access token 까지 가야합니다!!


 







STEP 7. 위 과정대로 따라오셨다면 이제 마지막으로 토큰을 발급받을거예요.

인터넷 브라우저 주소창에 아래 URL을 넣으세요.  


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


CLIENT-ID : STEP 6에서 생성된 CLIENT ID를 넣으세요.

REDIRECT-URI : 고객님 사이트 주소를 넣으세요. (4번항목에서 입력했던 주소입니다.)


입력 예시 : https://api.instagram.com/oauth/authorize/?client_id=504ae0a946a8414c93c1b20acecc82c4&redirect_uri=http://itspeople.co.kr&response_type=token



위 주소를 정확히 입력해서 들어오면 아래와 같은 화면이 뜰 수 있어요.

Authorize 를 눌러주시면 됩니다.



 





STEP 8. 위 과정대로 잘 따라오셨다면 아래와 같이 주소창에 access token이 발급됩니다.

http://itspeople.co.kr/#access_token=3697427635.504ae0a.34a61e0c3147491fbc1017f3efca6d16

주소창을 보면 이렇게 뜰거예요.


access_token=3697427635.504ae0a.34a61e0c3147491fbc1017f3efca6d16

이 부분이 발급된 엑세스 토큰입니다.

복사해두세요.




혹시 위와 같은 주소가 뜨지 않고
error_reason=user_denied&error=access_denied&error_description=The+user+denied+your+request.
이런 내용이 보인다면
https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token&hl=kr
이렇게 주소 마지막에 &hl=kr 을 추가해보세요.




STEP 9. 기본제작형으로 구매하신 분들께서는 위에서 복사하신 토큰을 저희에게 알려주시면 됩니다.

*단순복사형으로 구매하신 분들은 아래 과정으로 다시 따라오세요.
(12월5일 이전 구매고객님들은 저희에게 의뢰해주세요.)

디자인관리 > 디자인보관함 > 구매하신 템플릿 [HTML디자인 수정] 버튼을 눌러서 편집창을 열어주세요.


전체화면보기 > 레이아웃 > its_contents > foot.html
위 경로로 들어가시면 아래 화면처럼 나옵니다.
(모바일도 수정경로가 같습니다.)




수정하실 곳은 총 5군데예요.

STEP 8에서 복사했던 access_token=3697427635.504ae0a.34a61e0c3147491fbc1017f3efca6d16 여기서

. 을 기준으로 앞의 숫자를 스크립트의 userId 부분에, access_token 전체를  accessToken 부분에 적어줍니다.


userId: 3697427635,
accessToken: '3697427635.e6c5726.aa62a6aaa1b44c3d88072bce6b8e8899'       

마지막으로 아래부분에 고객님 인스타그램 계정을 적어주세요.
            <h2><a href="https://www.instagram.com/itspeople7731/" target="_blank"><img src="/web/upload/its_img/icon_instagram_logo.png">INSTAGRAM</a></h2>
            <strong class="idTag"><a href="https://www.instagram.com/itspeople7731/" target="_blank">FOLLOW ID : @itspeople7731</a></strong>



적용이 어려우실경우 전화 문의 바랍니다.

010 - 3922 - 7731

첨부파일
비밀번호 삭제하려면 비밀번호를 입력하세요.
COMMENT MODITY

비밀번호 :

/ byte

CLOSE  
  • 010 - 3922 - 7731

    전화상담시간 평일 오전10시 - 오후5시 주말,공휴일 휴무

    카톡상담
    평일 오전10시 - 오후5시

    카톡,문자로 수정요청 받지 않습니다.

  • 839801-01-217075

    김소연 / 국민은행

    주문자와 입금자가 다를 경우 꼭 연락 바랍니다.

    필독해주세요!!

  • 업무시간 외에는 게시판, 이메일 이용해주세요.
  • 전화 / 문자 / 카톡으로 절대 수정요청 받지 않아요. 상담만 가능합니다.
    수정요청은 게시판 or 이메일 이용해주세요.
  • 급한 경우 (오류로 인해 쇼핑몰 운영불가 상황) 상담시간 상관없이 문자 남겨주시면 확인 후 연락드립니다.