카카오톡은 링크를 전달해 줄수 있는 API를 오픈하고 있습니다.
로그인이나 게임에서 사용되는 다양한 기능의 API들은 협력사가 되어야만 오픈되는 것으로 알고 있습니다.
그러나 카카오톡의 영향력으로 보면 링크를 걸어주는 것으로도 많은 효과를 볼 수 있습니다.
대한민국 대표 SNS인 카카오톡을 통해 친구들이 내 페이지를 홍보할 수 있는 버튼을 만들어 보겠습니다.
카톡 아이콘을 준비합니다.
HTML 페이지의 <body>사이에 다음 태그를 입력합니다.
<img id="sn" onclick="javascript:executeURLLink()" src="images/i_kakaotalk.png" />
이렇게 하면 이미지가 링크되는데 작동은 하지 않습니다.
그래서 <head>사이에 다음 코드를 입력합니다.
kakao.link.js는 카카오톡에서 오픈API로 제공하는 자바스크립트라이브러리입니다.
<script type="text/javascript" src="./kakao.link.js"></script>
<script type="text/javascript">
//카톡링크
function executeURLLink()
{
kakao.link("talk").send({
msg : "뽀로로, 구름빵, 앤그리버드, 로보카폴리 등 어린이용 유튜브애니 감상하세요.",
url : "http://m.anne-soft.com/childani",
appid : "m.kakao.com",
appver : "2.0",
appname : "어린이 만화영화",
type : "link"
});
}
</script>
이렇게 저장하고 PC에서 실행하면 역시 아무런 작동을 하지 않습니다.
카카오톡은 모바일 플랫폼에서 작동되기 때문에 스마트폰에서 실행해야 작동됩니다.
FTP에 올린뒤
웹경로를 실행햐여 스마트폰에서 보면
카카오톡이 실행되면서
메시지와 링크를 이웃에게 던져줄 수 있습니다.
카톡링크예제.zip
이렇게 모바일 웹에서 간편하게 카특링크를 만들어서 사용할 수 있습니다.
이페이지가 맘에 드시면 추천부탁드립니다.
'WEB_TECH > 웹개발TIP' 카테고리의 다른 글
| iscroll로 carousel구현 (0) | 2013.07.10 |
|---|---|
| iscroll을 사용하여 모바일웹 내부에 스크롤 만들기 (0) | 2013.07.10 |
| 웹페이지에 네이버지도 표시하는 방법 (0) | 2013.06.24 |
| [SNS연동] 내 웹페이지에 facebook 좋아요 버튼 달기 (0) | 2013.05.30 |
| [SNS연동] 웹페이지에 tweet버튼 달기 (0) | 2013.05.30 |
| 웹페이지에서 나눔고딕 사용하는 방법 (0) | 2013.05.07 |
| video.js 플러그인을 알아봅시다. (0) | 2013.05.03 |
| 익스플로러 하위버전테스트 할 수 있는 프로그램 : IE Tester 다운받기 (0) | 2013.05.03 |
| 내 블로그에 jsfiddle을 사용하여 소스코드 공유하기 (0) | 2013.04.29 |
| 웹페이지에서 이미지가 없는 곳을 메우는데 유용한 방법 (0) | 2013.04.25 |
