카카오링크 보내기 ( Kakao.Link )
Open API/kakao2017. 1. 18. 15:20
반응형
동적으로 바뀌는 내용의 카카오링크를 보내는 예제입니다.
카카오 Developers 페이지에서도 확인 하실 수 있습니다.
https://developers.kakao.com/docs/js
추가적인 함수들은 아래 링크에서 확인가능합니다.
https://developers.kakao.com/docs/js-reference#kakao_link
적용하기 위해서는 api 와 url 정보 변경이 필요합니다.
샘플 Url : http://www.uhoon.co.kr/dev/kakao/83.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
<title>KakaoLink Demo(Dynamic) - Kakao JavaScript SDK</title>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
</head>
<body>
<h3>카카오톡 앱이 설치되어 있는 모바일 기기라면 아래의 링크가 동작합니다.</h3>
<a id="kakao-link-btn" href="javascript:sendLink()">
<img src="//dev.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png"/>
</a>
<script type='text/javascript'>
//<![CDATA[
// 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('eb3c1b62b32108278b664b7fc35d5174');
function sendLink() {
Kakao.Link.sendTalkLink({
label: '카카오톡 내보내기',
webLink: {
text:'http://dev.uhoon.co.kr',
url:'dev.uhoon.co.kr'
}
});
}
//]]>
</script>
</body>
</html>
댓글()
