안녕하세요.
Kakao.Link.createTalkLinkButton 스펙을 보니
javascript DOM 뜨면서 버튼이 생성되고 이 때 webButton > url에 정의된 link로만 공유가 되는 것으로 파악했습니다.
DOM 뜬 후 동적으로 생성된 link로 공유하기위해
아무 엘리먼트를 생성. jquery로 해당 엘리먼트 클릭 시 Kakao.Link.createTalkLinkButton 을 정의해두고
URL 동적 생성 후 trigger로 해당 엘리먼트 클릭 이벤트를 주었습니다.
디버깅 해보니 webButton > url에 동적으로 생성된 link 가 적용된 것으로 파악은 되는데
실제 카카오톡에서 공유해보니 전혀… 동적 생성된 link로 공유되지 않습니다…ㅠㅠ
webButton > text 에 아무 메세지나 동적으로 변경해서 공유하면
마지막으로 변경항 메세지로 아주 잘 공유가 되는데… link는 왜 안 될까요…?
DOM 뜬 후 동적으로 생성된 URL 로 공유할 수 있는 방법이 없을까요?
고견 부탁 드립니다.
감사합니다.
------- 소스 조각 -------
1. link 동적 생성을 위한 ajax 통신
$.ajax({
url: url,
type: “POST”,
dataType:“json”,
error:function(request,status,error){
~~
},
success: function(resData) {
~~
link = resData.shortUrl; // 생성된 동적URL 할당
testMsg = “메세지1”;
~~
$("#kakao_share_btn").trigger(‘click’);
}
});
2. 카카오 링크 버튼
$("#kakao_share_btn").click(function(){
// 카카오톡 링크 버튼 생성.
Kakao.Link.createTalkLinkButton({
container: ‘#kakao_share_btn’,
label: document.title,
image: {
src: $(“img:first”).attr(“src”),
width: ‘300’,
height: ‘200’
},
webButton: {
text: testMsg, //동적 정의되는 메세지
url: link // 동적 생성되는 link
}
});
});
