Top

카카오톡에 링크 공유하기 ! | Web-Programing
신장미 (shinjm) | Editor | 2014/07/14 11:46:54 | 조회:17199



 카카오톡에 내 게시글을 공유해보자 !




오늘은 카카오톡에 링크 공유 하는 방법을 가지고 왔습니다.


카카오톡에서 API 3.0을 내놓았다고 하는데요.


기존에 사용하지 않아서 뭐가 어떻게 바꼈는지는 잘 모르겠지만.. 일단 사용해보니 편리하긴 하네요.. ㅎㅎ



사이트 : https://developers.kakao.com/



1. 먼저 API 키가 필요 합니다 !


 (1) 카카오톡 개발자 사이트에서 로그인을 해주세요. ( 카카오 계정으로 로그인 가능 )

 (2) 내 앱 만들기 진행

    - 네이티브 앱 키, REST API 키, Javascript 키, Admin 키 발급

 (3) 내 앱 생성 후 통계에서 URL 설정

    - 통계 > 설정 > 일반 > 플랫폼 관리 > 플랫폼 추가

    - 웹 선택

    - 사이트 도메인 입력

    - 추가

 

   ※ URL 설정하지 않으면 아무리 스크립트를 사용해서 등록하여도 링크 공유가 안됩니다 !


  (4) Javascript키를 복사합니다. ( 알아두세요 ! )



2. 공유하기 !


 (1) 스크립트 소스  


   <script type="text/javascript" src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

 (2) 공유 버튼 생성

  1.  <a id="kakao-link-btn" href="javascript:;"></a>


  - a 링크, div 등 사용 가능

  - ID에 원하는 ID 명 사용하여 아래 container에 등록 !

 


 (3) API 이용

  1. Kakao.init('YOUR APP KEY');   //발급받은 Javascript 키를 입력합니다.
  2.  
  3. Kakao.Link.createTalkLinkButton({
  4.       container: '#kakao-link-btn',
  5.       label: '카카오링크 샘플에 오신 것을 환영합니다.',
  6.       image: {
  7.         src: 'http://dn.api1.kage.kakao.co.kr/14/dn/btqaWmFftyx/tBbQPH764Maw2R6IBhXd6K/o.jpg',
  8.         width: '300',
  9.         height: '200'
  10.       },
  11.       webButton: {
  12.         text: '카카오 디벨로퍼스',
  13.         url: 'https://dev.kakao.com/docs/js' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
  14.       }
  15.     });



895848c492490ae_14053125363644301[1].png


  containner : 버튼 ID 입력

  label : 공유 URL 설명 ( 카카오링크 샘플앱에 오신 것을 환영합니다. )

  image : 공유 이미지 ( 오리이미지 )

    src : 이미지 경로

    width : 이미지 가로 크기

    height :  이미지 세로 크기


 webButton : 공유 버튼

   text : 공유 버튼 text  ( 앱으로 이동 )

   url : 공유 url





이러면 끝 !


굉장히 간단하죠? 한번 해보세요 !
공유하기
공유하기
0
0
0


댓글을 불러오는 중입니다.
▲ 이전글 신의한수 김경훈 (admin) 2014-07-14 17:38:44
▼ 다음글 괌 신혼여행 후 몇가지 ㅋ 안지흠 (hoomiyam) 2014-07-11 14:47:36
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.