티스토리 강좌 / 카카오톡 공유 버튼 만드는 방법

티스토리는 기본적으로 SNS 공유 기능을 제공합니다. 공감 옆에 있는 버튼을 클릭하면 공유 링크들이 나옵니다. 그리고 카카오톡 공유도 있습니다.

만약 카카오톡 공유 링크를 원하는 곳에 배치하고 싶다면, 간단한 코드 추가로 구현할 수 있습니다. 본문 아래에 카카오톡 공유 링크를 만들어보도록 하겠습니다.

HTML 수정에서 [##_article_rep_desc_##]를 찾습니다. 그리고 그 밑에 다음 코드를 추가하고 [적용] 버튼을 클릭하여 저장합니다.

<a href="javascript:shareKakaotalk()">카카오톡 공유</a>
<script>
  function shareKakaotalk() {
    Kakao.Link.sendScrap( {
      requestUrl: location.href
    } );
  };
</script>

끝났습니다. 이제 본문에 링크가 생기고...

링크를 클릭하면 공유를 위한 창이 뜹니다.

예전엔 카카오톡 개발자 센터에서 계정을 만들고 키를 받았어야 했는데, 지금은 티스토리에 관련 코드가 이미 포함되어 있어서 그럴 필요가 없습니다.

상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 E-MAIL : jb@jbfactory.net 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 호스팅서비스 : Amazon Web Services 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침