[카카오api] 카카오api를 이용해서 공유버튼 만들기. 프로그래밍


 

 

1. 카카오 developer app만들기.

https://developers.kakao.com/apps

 

2. api 문서 참조하기

https://developers.kakao.com/docs/js-reference#kakao_link_createdefaultbutton

https://developers.kakao.com/docs/js

 

3. 코드작성

<input id="katalk1" type="button" value="낚으러 가기" style="height: 80px;">
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<script type="text/javascript">
Kakao.init('app key');

Kakao.Link.createDefaultButton({
    container: '#katalk1',
    objectType: 'feed',
    content: {
        title: '선물과 메세지를 보냈습니다.\n자세한 내용은 선물함에서 확인해주세요.',
        description: '',
        imageUrl: '이미지url',
        link: {
            mobileWebUrl: '모바일 클릭시 link',
            webUrl: 'PC 클릭시 link'
        }
    },
    social: {
        likeCount: 286,
        commentCount: 45,
        sharedCount: 845
    },
    buttons: [{
        title: '웹으로 보기',
        link: {
            mobileWebUrl: '모바일 클릭시 link',
            webUrl: 'PC 클릭시 link'
        }
    },
        {
            title: '앱으로 보기',
            link: {
                mobileWebUrl: '모바일 클릭시 link',
                webUrl: 'PC 클릭시 link'
            }
        }]
});
</script>

 

 

Tag :

Leave Comments