다음의 기능을 활용하여 실제 서비스 운영중인 떠리몰에 적용을 하였습니다.
Kakao.Share.sendDefault({
objectType: ‘commerce’,
content: {
title: ‘언제 어디든, 더 쉽고 편하게 당신의 일상을 더 즐겁게, 헤이 라이언의 이야기를 들려드릴게요.’,
imageUrl:
‘http://k.kakaocdn.net/dn/dScJiJ/btqB3cwK1Hi/pv5qHVwetz5RZfPZR3C5K1/kakaolink40_original.png’,
link: {
mobileWebUrl: ‘https://developers.kakao.com’,
webUrl: ‘https://developers.kakao.com’,
},
},
commerce: {
productName: ‘카카오미니’,
regularPrice: 100000,
discountRate: 10,
discountPrice: 90000,
},
buttons: [
{
title: ‘구매하기’,
link: {
mobileWebUrl: ‘https://developers.kakao.com’,
webUrl: ‘https://developers.kakao.com’,
},
},
{
title: ‘공유하기’,
link: {
mobileWebUrl: ‘https://developers.kakao.com’,
webUrl: ‘https://developers.kakao.com’,
},
},
],
});
실제로 링크 정보는 다음과 같이 설정하여 운영중인데
link: {
mobileWebUrl: shareUrl,
webUrl: shareUrl,
},
상품의 상세를 공유 하다 보니 다음과 같이 링크의 파라미터 정보(id=상품정보)는 유동적인 정보 입니다.
ex)https://thirtymall.com/detail?id=124153299
이렇다 보니
썸네일 : 상품상세 이동
제목 : 메인페이지 이동
구매하기 버튼 : 상품상세이동
앱링크 : 메인페이지 이동
으로 확인됩니다. 제목의 링크도 상품상세로 이동하려면 어떻게 해야 할까요?
Kakao.Share.sendDefault({
objectType: “commerce”,
content: {
title: productName,
imageUrl: https:${baseInfo?.imageUrls[0]},
link: {
mobileWebUrl: shareUrl,
webUrl: shareUrl,
},
},
commerce: {
productName: productName,
regularPrice: salePrice ? salePrice : 0,
discountRate: discountRate,
discountPrice:
salePrice! - immediateDiscountAmt! - additionDiscountAmt!,
},
buttons: [
{
title: “구매하기”,
link: {
mobileWebUrl: shareUrl,
webUrl: shareUrl,
},
},
// {
// title: “공유하기”,
// link: {
// mobileWebUrl: shareUrl,
// webUrl: shareUrl,
// },
// },
],
});
};