외부 라이브러리

[JavaScript/JS] 카카오스토리 공유기능 만들기

밍글링글링 2017. 11. 14.
728x90

카카오스토리 공유기능

<body> 태그가 끝나는 곳에 아래 소스를 추가한다.

<script>
  window.kakaoAsyncInit = function () {
    Kakao.Story.createShareButton({
      container: '#kakaostory-share-button'
    });
  };

  (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//developers.kakao.com/sdk/js/kakao.story.min.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'kakao-js-sdk'));
</script>

 

카카오 스토리 공유버튼이 나와야할 공간에 아래 소스를 추가한다.

<div id="kakaostory-share-button" data-url="{공유할 URL}"></div>

 

{공유할 URL} 에는 말 그대로 공유할 URL를 적어 넣는다.

그러면 공유버튼이 생성된다. !! 

카카오스토리 이미지 태그 ▼

<img src="https://dev.kakao.com/sdk/js/resources/story/icon_small.png">

 

자세한 건 https://developers.kakao.com/docs/social-plugins/story-share 에 나와있다. 참고하도록 하자.

 

 

728x90

댓글