카카오 공유하기 버튼을 생성하고 있습니다
www.primingwater.com 의 우측 하단에 공유하기를 생성하였는데요
문제는 모바일에서는 동작을 안한다는 것입니다…
<소스 ↓>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
<!-- PC 카카오톡 상담 버튼 -->
<div class="floBan hidden-md hidden-sm hidden-xs">
<a id="kakao-link-btn" href="javascript:sendLink()" target="_blank">
<img src="https://cdn.imweb.me/upload/S20200219e030239962342/bc916ac663cfd.png" width="80px" height="106px">
</a>
</div>
<!-- Mobile 카카오톡 상담 버튼 -->
<div class="floBanMob hidden-lg">
<a id="kakao-link-btn1" href="javascript:sendLink()" target="_blank">
<img src="https://cdn.imweb.me/upload/S20200219e030239962342/bc916ac663cfd.png" width="50px" height="66px">
</a>
</div>
<script type='text/javascript'>
Kakao.init('9e06f67ff523eab7a126cdfca5a91837');
Kakao.Link.createDefaultButton({
container: '#kakao-link-btn',
objectType: 'feed',
content: {
title: '마중물',
description: '약사들의 전성시대 마중물에 약사님을 초대합니다',
imageUrl: 'https://cdn.imweb.me/upload/S20200219e030239962342/05ee8404385fe.png',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com'
}
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845
},
buttons: [
{
title: '마중물',
link: {
mobileWebUrl: 'https://www.xn--hz2bq0ar71a.kr',
webUrl: 'https://www.xn--hz2bq0ar71a.kr'
}
},
{
title: '이벤트',
link: {
mobileWebUrl: 'https://www.xn--hz2bq0ar71a.kr/466',
webUrl: 'https://www.xn--hz2bq0ar71a.kr/466'
}
}
]
});
//]]>
</script>
<script type='text/javascript'>
Kakao.init('9e06f67ff523eab7a126cdfca5a91837');
Kakao.Link.createDefaultButton({
container: '#kakao-link-btn1',
objectType: 'feed',
content: {
title: '마중물',
description: '약사들의 전성시대 마중물에 약사님을 초대합니다',
imageUrl: 'https://cdn.imweb.me/upload/S20200219e030239962342/05ee8404385fe.png',
link: {
mobileWebUrl: 'https://developers.kakao.com',
webUrl: 'https://developers.kakao.com'
}
},
social: {
likeCount: 286,
commentCount: 45,
sharedCount: 845
},
buttons: [
{
title: '마중물',
link: {
mobileWebUrl: 'https://www.xn--hz2bq0ar71a.kr',
webUrl: 'https://www.xn--hz2bq0ar71a.kr'
}
},
{
title: '이벤트',
link: {
mobileWebUrl: 'https://www.xn--hz2bq0ar71a.kr/466',
webUrl: 'https://www.xn--hz2bq0ar71a.kr/466'
}
}
]
});
</script>
<style>
.floBan{
position: fixed;
top: 730px; /* 윗쪽 끝에서부터의 거리 */
right: 50%;
margin-right: -930px; /* 가운데를 기준으로 오른쪽 거리 */
z-index: 99;
}
/* Mobile 카카오톡 상담 버튼 스타일 */
.floBanMob {
position: fixed;
bottom: 100px; /* 아래 끝에서부터의 거리 */
right: 15px; /* 오른쪽 끝에서부터의 거리 */
z-index: 99;
}
</style>
왜 모바일에서는 작동을 안할까요…
그리고 추가 질문…
메시지 템플릿을 사용하고 싶습니다
테스트로 만들어두긴 했는데
soojiniyah@naver.com
mkk87125!!
메시지 템플릿 ID 29465
혹시 소스 적용 예시를 볼 수 있을까요?