카카오링크 주소 적용 채택완료
아래 코드로 해서 카카오링크를 적용하면 카카오톡으로 메세지 전송은 정상적으로 되는데요
아래 적용된 사이트 주소로 이동이 안되고
http://sun76841.dothome.co.kr <- 여기로 이동이 되네요
무엇때문일까요 ㅠㅠㅠㅠㅠ
</p>
<p> //<![CDATA[
// // 사용할 앱의 JavaScript 키를 설정해 주세요.
Kakao.init('1a671a0bf21491b57c88ebae6e761c9d');
// // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
Kakao.Link.createDefaultButton({
container: '#kakao-link-btn',
objectType: 'feed',
content: {
title: '',
description: '',
imageUrl: '',
link: {
mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>
webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>
}
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845
},
buttons: [
{
title: '웹으로 보기',
link: {
mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>
webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>
}
},
{
title: '앱으로 보기',
link: {
mobileWebUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'," target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46',</a>
webUrl: '<a href="http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'" target="_blank" rel="noopener noreferrer">http://sun76841.dothome.co.kr/bbs/board.php?bo_table=a4&wr_id=46'</a>
}
}
]
});
//]]></p>
<p>
답변 2개
https://developers.kakao.com/docs/js-reference#kakao_link_senddefault
카카오개발자센터의 링크 레퍼런스에서 가져온 자료입니다.
상단위쪽에 webUrl , mobileWebUrl 등의 링크는 앱설정에서 등록된 도메인만 사용가능하다고 나와있습니다. 자세한 상세페이지의 경우에도 셋팅하는방법이 있을테니 레퍼런스를 한번 쭉 읽어보심이 좋을거같습니다.
==========================================================
-
Arguments : Object
카카오링크와 관련된 설정을 key/value로 전달합니다.-
objectType : String (required)
(objectType: 'feed') -
content : Object (required)
메인 콘텐츠-
title : String (required)
콘텐츠의 타이틀 -
imageUrl : String (required)
이미지 경로, [앱 설정]에 등록된 도메인만 허용 -
link : Object (required)
-
webUrl : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 PC버전에서 이용, [앱 설정]에 등록된 도메인만 허용 -
mobileWebUrl : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 Mobile버전에서 이용, [앱 설정]에 등록된 도메인만 허용 -
androidExecParams : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 Android버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용 -
iosExecParams : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 IOS버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용
-
-
description : String
콘텐츠의 상세 내용 -
imageWidth : Number
이미지 넓이 -
imageHeight : Number
이미지 높이
-
-
social : Object
소셜 정보-
likeCount : Number
좋아요 수 -
commentCount : Number
댓글 수 -
sharedCount : Number
공유 수 -
viewCount : Number
조회 수 -
subscriberCount : Number
구독 수
-
-
buttonTitle : String
버튼명, [앱 설정]에 따른 기본 링크 사용, buttonTitle과 buttons 함께 있을 경우 buttons가 적용됨 -
buttons : Array[Object]
버튼, 링크 설정 가능, buttonTitle과 buttons 함께 있을 경우 buttons가 적용됨-
title : String (required)
-
link : Object (required)
-
webUrl : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 PC버전에서 이용, [앱 설정]에 등록된 도메인만 허용 -
mobileWebUrl : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 Mobile버전에서 이용, [앱 설정]에 등록된 도메인만 허용 -
androidExecParams : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 Android버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용 -
iosExecParams : String
(constraint: webUrl, mobileWebUrl, androidExecParams, iosExecParams 중 하나는 필수)
카카오톡 IOS버전에서 이용, 해당 값이 없을 경우 mobileWebUrl로 적용
-
-
-
installTalk : Boolean
(default: false)
카카오톡이 설치되어 있지 않은 경우 마켓의 카카오톡 설치 페이지로 이동합니다. -
fail : Function
카카오 링크를 지원하지 않는 플랫폼(iOS/Android 외의 플랫폼)에서 함수를 호출했을 경우 불리는 콜백 함수 -
success : Function(messageObj)
카카오 링크 요청에 대한 응답을 확인하기 위한 콜백 함수(warning message 포함)-
messageObj : Object
warning message-
template_msg : Object
링크 메시지 (Link JSON 참고용) -
warning_msg : Object
링크 메시지를 검증한 결과 -
argument_msg : Object
argument를 검증한 결과
-
-
-
callback : Function
카카오링크 웹공유에서 공유 버튼 클릭 시 호출되는 콜백 함수 (IE 제외) -
serverCallbackArgs : String
카카오링크 공유 시 전송되는 링크 콜백에 포함되는 파라미터 - https://developers.kakao.com/docs/js/kakaotalklink#%EB%A7%81%ED%81%AC-%EC%BD%9C%EB%B0%B1-%EC%88%98%EC%8B%A0" target="_blank">링크 콜백 가이드로 이동
-
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 5개
입니다..
공감해요 오른쪽 화살표 누르면 카카오톡 버튼이 나타 납니다.
카카오톡 사이트에서 가져온 그대로 적용 한건데도 안되네요 ㅠㅠㅠ
게시판 게시글에 달아 보려고 하고 있는 중입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인