카카오스토리 공유하기

사용자들이 카카오스토리에 나의 멋진 웹페이지를 공유할 수 있도록 공유 버튼을 제공할 수 있습니다. 아래 버튼을 눌러 보세요!

<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>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/> <title>KakaoStory Share Button Demo - Kakao JavaScript SDK</title> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> </head> <body> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title"> [카카오스토리] 웹으로 공유하기 버튼 </h3> </div> <div class="panel-body"> <div id="kakaostory-share-button"></div> </div> </div> <script type='text/javascript'> //<![CDATA[ // 사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init('YOUR APP KEY'); // 스토리 공유 버튼을 생성합니다. Kakao.Story.createShareButton({ container: '#kakaostory-share-button', url: 'https://dev.kakao.com', text: '카카오 개발자 사이트로 놀러오세요! #개발자 #카카오 :)' }); //]]> </script> </body> <!--------------- 아래의 코드는 삭제해주세요. 샘플이 제대로 동작하지 않을 수 있습니다. ----------------------> <script src="/resource/Message.js"></script> <script src="/vassets/javascripts/demos_layout.js"></script> <link rel="stylesheet" media="screen" href="/assets/bootstrap/css/bootstrap.min.css"/> <link rel="stylesheet" media="screen" href="/vassets/stylesheets/docs_js_demos.css"/> </html>