반응형


카카오톡 링크 공유하기 레퍼런스 : 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('모바일 기기에서만 가능한 기능입니다.');}
                                                        			});

                                                        }


                                                        반응형

                                                        + Recent posts