<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>KakaoLink Demo(Web Button) - Kakao Javascript SDK</title>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
</head>
<body>
<h3>카카오톡 링크는 카카오톡 앱이 설치되어 있는 모바일 기기에서만 전송 가능합니다.</h3>
<a id="kakao-link-btn" href="javascript:;">
<img src="http://dn.api1.kage.kakao.co.kr/14/dn/btqa9B90G1b/GESkkYjKCwJdYOkLvIBKZ0/o.jpg" />
</a>
<script>
// 사용할 앱의 Javascript 키를 설정해 주세요.
Kakao.init('YOUR APP KEY');
// 카카오톡 링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
Kakao.Link.createTalkLinkButton({
container: '#kakao-link-btn',
label: '카카오링크 샘플에 오신 것을 환영합니다.',
image: {
src: 'http://dn.api1.kage.kakao.co.kr/14/dn/btqaWmFftyx/tBbQPH764Maw2R6IBhXd6K/o.jpg',
width: '300',
height: '200'
},
webButton: {
text: '카카오 디벨로퍼스',
url: 'https://dev.kakao.com/docs/js' // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
</script>
</body>
</html>
출처 :
https://developers.kakao.com/docs/js
http://hangaebal.blogspot.kr/2014/07/javascript-kakaotalk-share-url-url.html
'Blogger 이사' 카테고리의 다른 글
| [css] favicon, apple-touch-icon 설정 (0) | 2016.04.04 |
|---|---|
| [Spring] Spring Tool Suite(STS) + MySQL + MyBatis (0) | 2016.04.04 |
| [JavaScript] Facebook, Twitter share url (0) | 2016.04.04 |
| [JavaScript] LINE App share url (LINE url 공유) (0) | 2016.04.04 |
| [jQuery] Execute handler -> .trigger() (0) | 2016.04.04 |