카카오스토리 소식받기

소식받기 버튼을 운영중인 웹, 모바일웹 페이지에 붙여보세요.
사이트에 방문한 사용자들이 스토리채널을 쉽게 구독할 수 있습니다.

<script> window.kakaoAsyncInit = function () { Kakao.Story.createFollowButton({ container: '#kakaostory-follow-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>
kakao
<script> window.kakaoAsyncInit = function () { Kakao.Story.createFollowButton({ container: '#kakaostory-follow-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-follow-button" data-id="#id#" data-type="#type#" data-show-follower-count="#showFollowerCount#"></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 Follow 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"> [카카오스토리] follow button 만들기 </h3> </div> <div class="panel-body"> <div id="kakaostory-follow-button"></div> </div> </div> <script type='text/javascript'> //<![CDATA[ // 사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init('YOUR APP KEY'); // 스토리 구독 버튼을 생성합니다. Kakao.Story.createFollowButton({ container: '#kakaostory-follow-button', id: 'kakao' }); //]]> </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>