스크립트
< 자료공유 < 스크립트
스크립트자료실

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

페이지 정보

작성일17-06-24 17:25 조회503회

본문

     

    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

       

     

    • 페이스북으로 보내기
    • 트위터로 보내기
    • 구글플러스로 보내기