티스토리에 카카오톡 공유버튼 만들자
- IT
- 2015. 11. 13.
티스토리에는 현재 글을 공유하는 SNS 플로그인을 사용하면 카카오 스토리, 트위터, 페이스북만 가능하다.
사람들이 많이 사용하는 카카오톡으로 공유하는 버튼을 만들어보자.
카카오 개발자 등록하기 |
우선 처음해야 할 일은 카카오에 개발자로 등록하는 일이다.
링크를 클릭하면 우선 카카오 로그인 페이지 이다.
카카오에 등록한 아이디와 ( 메일주소 ) 와 비밀번호로 로그인한다.
링크를 클릭하면 내 어플리케이션을 만들수 있는 페이지 이다.
화면중 앱 만들기를 클릭한다.
클릭하면 이름을 입력하고 Create 를 클릭한다.
앱만들기 완료하면 다음과 같은 키틀이 나온다.
여기에서 사용할 정보는 JavaScript 키이다. 마우스로 드래그 하여 복사한다.
카카오톡 공유 아이콘을 등록 |
블로그의 페이지에 이제 카카오톡 공유 버튼이 나오게 만들어 보자.
이제 HTML 을 수정해야 한다.
카카오톡 개발 가이드를 참조해서 수정했다.
본 페이지에 있는 내용보다 더 좋은 방법이 있다면 피드백 부탁합니다.
<head> 와 </head> 사이에 다음을 추가한다
여기까지 추가했다면 이제 카카오톡 공유 아이콘을 어디에 출력할지 정해야 한다.
HAWOOL 에서는 본문의 하단에 출력하고 있다.
원하는 위치를 찾았다면 다음과 같은 소스를 추가한다.
<body> 와 </body> 사이에 다음을 추가한다.
다음과 같이 CODE 를 스킨이 추가하고 저장한다.
이제 자신의 블로그에 등록된 글을 보면 위에서 추가한 위치에 카카오톡 아이콘이 보일 것이다.
클릭하면 카카오톡이 열린다.
다음과 같이 카카오톡에 블로그의 글이 공유되는걸 확인할 수 있다.