카카오톡 링크 공유하기 레퍼런스

카카오톡 링크 공유하기 레퍼런스 : https://dev.kakao.com/docs/js-reference#kakao_link

모바일웹에서 카카오톡 링크 공유하기하면 url이 있어도 미리보기가 되지 않아서, 이미지를 노출하도록 추가할 수 있다.

Kakao.Link.sendTalkLink(settings)

카카오톡 링크를 전송합니다.

Parameters

settings : Object
카카오톡 링크 버튼과 관련된 설정을 key/value로 전달합니다.

• label : String
  (constraint: 1000자 이상일 경우, 1000자까지만 전송)
  메시지에 표시할 라벨

• image : Object
  메시지에 표시할 이미지

  • src : String (required)
    (constraint: 500KB이하의 이미지만 표시됨)
    이미지 URL

  • width : String | Number (required)
    (constraint: 80 이상이어야 함)
    이미지 너비(픽셀)

  • height : String | Number (required)
    (constraint: 80 이상이어야 함)
    이미지 높이(픽셀)

• webButton : Object
  메시지에 표시할 버튼: 클릭시 등록한 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.

  • text : String
    (default: "앱으로 가기")
    버튼에 표시할 텍스트

  • url : String
    (default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
    이동할 웹사이트의 URL

• webLink : Object
  메시지에 표시할 하이퍼링크: 클릭시 웹사이트로 이동. 웹사이트를 등록하지 않은 경우 오류 발생.

  • text : String (required)
    하이퍼링크에 표시할 텍스트

  • url : String
    (default: 개발자 사이트에 등록한 웹사이트 중 첫번째 URL)
    이동할 웹사이트의 URL

• appButton : Object
  메시지에 표시할 버튼: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.

  • text : String
    (default: "앱으로 가기")
    버튼에 표시할 텍스트

  • webUrl : String
    카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URL

  • execParams : Object
    execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
    앱 실행시 전달할 파라미터

    • iphone : Object
      iPhone 앱 실행시 전달할 파라미터

    • ipad : Object
      iPad 앱 실행시 전달할 파라미터

    • android : Object
      Android 앱 실행시 전달할 파라미터

  • marketParams : Object
    marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
    앱 실행시 전달할 파라미터

    • iphone : Object
      iPhone 앱 설치 URL 호출시 전달할 파라미터

    • ipad : Object
      iPad 앱 설치 URL 호출시 전달할 파라미터

    • android : Object
      Android 앱 설치 URL 호출시 전달할 파라미터

• appLink : Object
  메시지에 표시할 하이퍼링크: 클릭시 개발자 사이트에 등록한 앱으로 이동. 현재 플랫폼(iOS/Android)에 등록한 앱이 없는 경우 오류 발생.

  • text : String (required)
    하이퍼링크에 표시할 텍스트

  • webUrl : String
    카카오톡 PC버전에서 버튼을 클릭시 이동할 웹사이트의 URL

  • execParams : Object
    execParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱 실행시 커스텀 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
    앱 실행시 전달할 파라미터

    • iphone : Object
      iOS 앱 실행시 전달할 파라미터

    • ipad : Object
      iPad 앱 실행시 전달할 파라미터

    • android : Object
      Android 앱 실행시 전달할 파라미터

  • marketParams : Object
    marketParams: { iphone: { name: 'vincent', age: 5} } => iPhone 앱이 없을 경우 호출되는 설치 URL 뒤에 name=vincent&age=5의 형태로 추가되어 전달됨
    앱 실행시 전달할 파라미터

    • iphone : Object
      iOS 앱 설치 URL 호출시 전달할 파라미터

    • ipad : Object
      iPad 앱 설치 URL 호출시 전달할 파라미터

    • android : Object
      Android 앱 설치 URL 호출시 전달할 파라미터

• installTalk : Boolean
  (default: true)
  카카오톡이 설치되어 있지 않은 경우 마켓의 카카오톡 설치 페이지로 이동합니다.

• fail : Function
  카카오 링크를 지원하지 않는 플랫폼(iOS/Android 외의 플랫폼)에서 createTalkLink함수를 호출했을 경우 불리는 콜백 함수

unction shareKakao(title, url, filename) {

			if(filename==''){
				var pic = '<?php	echo BASE_URL2;	?>' + 'images/layout/logo.png';
			}else{
				var pic = '<?php	echo IMG_DOMAIN2;	?>/' + filename;
			}

				Kakao.Link.sendTalkLink({
				label: '[www.medicaltv.co.kr] \n' + title,
				image: {
					src: pic,
					width: '300',
					height: '200'
				},
				webButton: {
					text: '<?php	echo $site_info->name;	?>',
					url: '<?php	echo BASE_URL2;	?>'
				},
				webLink: {
					text: url,
					url: url
				},
				fail: function(){alert('모바일 기기에서만 가능한 기능입니다.');}
			});

}