카카오스토리 공유하기 버튼 간단하게 만드는 방법

페이스북, 트위터, 구글플러스 등 SNS에서는 공유 버튼을 제공합니다. 공유 버튼을 클릭하면 현재 페이지의 정보를 가져가 자신의 SNS 계정에 올려줍니다.

마찬가지로 카카오톡도 공유 버튼을 제공합니다. 다른 SNS와 기능은 똑같습니다. 클릭해서 자신의 카카오스토리에 글을 공유할 수 있습니다.

카카오스토리 공유 버튼을 만드는 방법은 카카오 개발가이드에 있습니다.

그런데 생성되는 코드가 상당히 복잡합니다.

위 코드대로 만드는 것이 가장 좋은 방법이겠으나, 좀 더 간단한 코드로 공유 버튼을 만들 수 있습니다. 형식은 다음과 같습니다.

<a href="https://story.kakao.com/share?url=URL" target="_blank">XXX</a>

대문자 URL 자리에는 공유하려는 페이지의 URL을 넣고, XXX 자리에는 적당한 문구나 이미지를 넣습니다.

예를 들어 아래의 카카오스토리 아이콘을 클릭하면 지금 읽고 계시는 글을 공유하실 수 있습니다. (아이콘은 카카오개발자 리소스에서 구할 수 있습니다.)

작은 새창으로 띄우려면 다음처럼 스크립트를 추가하면 됩니다.

<a href="https://story.kakao.com/share?url=URL" onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=600,height=600'); return false;">XXX</a>

Category

Created on 2015-08-21 16:46 | Updated on 2018-10-04 20:49

Book

워드프레스 인기 테마