스크립트

홈 < 자료공유 < 스크립트

스크립트자료실

카카오톡으로 메세지 전송 - 이미지가 있는 메세지 일괄전송하고 싶을 때

페이지 정보

작성일17-06-24 17:25 조회3,690회

목록

본문

1. 카카오링크를 사용할 홈페이지를 등록한다
https://developers.kakao.com/apps/new 에서

1) 앱의 설정 - 일반에서 플랫폼 추가를 선택합니다.
2) 웹 플랫폼을 선택하고, 사이트 도메인을 등록합니다. (예: http://www.madalla.kr)
3) 페이지 상단의 Javascript 키 항목을 복사해 둡니다.

2. 문서에 다음 스크립트를 삽입한다
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

3. 등록된 Javascript 키를 설정해 주세요.

보통 숫자 영문해서 조합해서 32자 정도 되는 키 값입입니다. 앱 정보 네개 중에서 스크립트키를 넣어주세요.

<script>Kakao.init('YOUR APP KEY');</script>

4. 웹버튼 생성하기

     <a id="kakao-link-btn" href="javascript:;">
      <img src="http://dn.api1.kage.kakao.co.kr/14/dn/btqa9B90G1b/GESkkYjKCwJdYOkLvIBKZ0/o.jpg" />
    </a>

<script>
Kakao.Link.createTalkLinkButton({
container: '#kakao-link-btn',
label: "메시지 / 링크주소",
image: {
      src: '메세지 전송할 때 쓸 이미지',
      width: '300',
      height: '300'
},
webButton: {
    text: '친구들와 이리와바',
    url: 'www.madalla.kr // 앱 설정의 웹 플랫폼에 등록한 도메인의 URL이어야 합니다.
}
});
</script>

5. 동적으로 바뀌는 내용 전송하기

    <a id="kakao-link-btn" href="javascript:sendLink()">
      <img src="http://dn.api1.kage.kakao.co.kr/14/dn/btqa9B90G1b/GESkkYjKCwJdYOkLvIBKZ0/o.jpg" />
    </a>

    <script>
     function sendLink() {
      Kakao.Link.sendTalkLink({
        label: '안녕하세요, 반가워요',

webLink: {

text:'앱이름',

url:'www.mhomepage.com'

        }
      });
    }
    </script>

[주의사항]

1) webButton, webLink 적용시 url은 등록한 사이트 주소여야 합니다. webButton과 webLink의 차이는 아이콘이 있고 없고입니다.

2) label에 사이트 주소를 입력하면 링크 이동이 가능합니다.

3) 개발자 사이트: https://developers.kakao.com/docs/js

목록