카카오스토리 소식받기

예제: 카카오스토리 소식받기 버튼 추가하기

  • 웹페이지에 카카오스토리 소식받기 버튼을 추가하는 예제입니다.
  • 앱 등록 과정을 통해 소식받기 버튼을 추가하는 웹페이지의 도메인을 등록하면, 보다 정확한 통계를 제공받을 수 있게 됩니다.
  • 'YOUR APP KEY'를 등록한 앱의 JavaScript 키로 변경해 주세요.
  • 카카오스토리 관련 기능만 사용할 경우, 용량이 더 작은 스토리 전용 SDK를 사용할 수도 있습니다.

웹페이지에 카카오스토리 소식받기 버튼을 추가합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content=&qquot;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 id="kakaostory-follow-button"></div>
<script type='text/javascript'>
  //<![CDATA[
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('YOUR APP KEY');
    // 스토리 구독 버튼을 생성합니다.
    Kakao.Story.createFollowButton({
      container: '#kakaostory-follow-button',
      id: 'kakao'
    });
  //]]>
</script>

</body>
</html>

위 예제의 데모를 바로 확인해 보세요! 데모 보러가기

  • 카카오스토리 소식을 받기 위해서는 카카오스토리와 연결된 카카오계정으로 테스트해야 합니다.

스토리 소식받기와 관련된 자세한 내용이 궁금하다면? Kakao.Story 레퍼런스


Last Modified : 2017-07-28