자바스크립트로 카카오스토리 공유를 하려고 하는데
Kakao.init(‘key’); 이부분에서… 계속 Missing required keys: title at Story.open 이 나옵니다.
물론 key도 발급받은 자바스크립트 키를 적용하였고… 앱등록도 다했고
사이트 도메인도 걸릴만한것들을 모두 입력했는데도 계속 에러가 나는 이유가 무엇일까요…답답하네요
자바스크립트로 카카오스토리 공유를 하려고 하는데
Kakao.init(‘key’); 이부분에서… 계속 Missing required keys: title at Story.open 이 나옵니다.
물론 key도 발급받은 자바스크립트 키를 적용하였고… 앱등록도 다했고
사이트 도메인도 걸릴만한것들을 모두 입력했는데도 계속 에러가 나는 이유가 무엇일까요…답답하네요
작성하신 코드 또는 접근 가능한 사이트 URL을 알 수 있을까요?
developers.kakao.com/sdk/js/kakao.min.js 해당 스크립트 적용하였고
URL은 다음과 같습니다.
http://ziozia.esbop.com/m/kr/front/magazine/newsView.do?dispBannerNo=89#none
작성한 코드는 다음과 같습니다.
(잘라서 올리는거보다 다올리는게 보기 편하실거같아서 다올립니다.)
/**
* sns 공유 버튼에 클릭 이벤트 핸들러를 추가.
*/
function addListner() {
//1cf4885573510d2b8cfa39ebe13a8a55
Kakao.init('616db0d936096e48dd9506d990ccaf36');
var $snsWrap = jQuery('div.sns_wrap ');
jQuery('a.fb', $snsWrap).on('click', function() {share("facebook");});
jQuery('a.kt', $snsWrap).on('click', function() {share("kastory");});
jQuery('a.naver', $snsWrap).on('click', function() {share("naver");});
jQuery('a.google', $snsWrap).on('click', function() {share("googlePlus");});
jQuery('a.pinterest', $snsWrap).on('click', function() {share("pinterest");});
};
/**
* name 에 따라 공유 분기 처리
* @param name
*/
function share(name) {
switch (name) {
case 'kastory' :
shareKakaoTalk();
break;
case 'facebook':
case 'naver':
case 'googlePlus':
case 'pinterest':
shareSns(name);
break;
default :
console.warn('정의되지 않은 SNS 구분자');
}
}
/**
* 공통 공유 처리
* @param name
*/
function shareSns(name) {
var url = encodeURIComponent(document.location.href),
title = encodeURIComponent(jQuery('meta[property="og:title"]').attr('content')),
img = encodeURIComponent(jQuery('meta[property="og:image"]').attr('content')),
sns = snsInfo[name];
url = sns.api + url;
if(name === 'naver') {
url += "&title=" + title;
} else if(name === 'pinterest') {
url += "&media=" + img;
url += '&description=' + title;
} else if(name === 'googlePlus') {
url += '&t=' + title;
}
console.log(url);
window.open(url, name, "titlebar=1, resizable=1, scrollbars=yes, width=" + sns.width + ", height=" + sns.height);
}
/**
* 카카오 토크 공유 처리
*/
function shareKakaoTalk() {
var imgSrc = document.location.href + jQuery('#product_detail > div.detail_slider ul.bxslider > li:first-child > img').attr('src'),
data = {
url: document.location.href
},
text = jQuery('meta[property="og:title"]').attr('content');
if(!text) {
text = jQuery('#kakaoStoryContent').val();
}
data.text = text;
var imgArr = [];
imgArr.push(imgSrc);
Kakao.Story.open({
url: data.url,
text: data.text,
urlInfo: {
images: imgArr
}
});
};
urlInfo 오브젝트 내에 title 필드도 추가 부탁드릴게요.
title은 필수 값인데 가이드에 표시가 안되어있네요. 가이드 업데이트하도록 하겠습니다.
앗 친절히 답변해주셔서 감사합니다 ㅠㅠ
해결되었습니다!
사랑해요 카카오~~