문의 시, 사용하시는 SDK 버전 정보와 디벨로퍼스 앱ID를 알려주세요.
카카오채팅 연결에 이전페이지 링크를 삽입하는건 어제 도와주신 선배님덕분에 해결을 했습니다!
다만 카카오에서 제공되는 이미지를 다른 아이콘으로 변경하고싶은데 방법을 몰라 임의로 작성했더니 원하는 결과가 나오질않네요,
원하는것은 아이콘 클릭 시 카카오채팅으로 연결되는 기능인데, 기존에 카카오에서 제공되는 이미지가 마음에 들지 않아 바꾸려고 합니다.
혹시나 방법을 아시는분은 알려주시면 감사하겠습니다!
css
#kakao-talk-channel-chat-button {
visibility: hidden;
}
html
<a href="javascript:kakao_go();" id="kakao_go"><img src="<?php echo G5_THEME_IMG_URL ?>/sub/kakako_icon_modi.png" alt="" />
</a>
<div id="kakao-talk-channel-chat-button" data-channel-public-id="_GPYRG" data-title="consult" data-size="small"
data-color="yellow" data-shape="mobile" data-support-multiple-densities="true"></div>
script
<script>
function kakao_go() {
// 'kakao-talk-channel-chat-button' 요소의 display 스타일을 변경하여 보이게 함
var kakaoButtonDiv = document.getElementById('kakao-talk-channel-chat-button');
// kakaoButtonDiv.style.display = 'block';
// Kakao 채팅 버튼 생성 함수를 호출
window.kakaoAsyncInit();
}
window.kakaoAsyncInit = function() {
Kakao.Channel.createChatButton({
container: '#kakao-talk-channel-chat-button',
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://t1.kakaocdn.net/kakao_js_sdk/2.6.0/kakao.channel.min.js';
js.integrity = 'sha384-ty4605mXDCz/lA+RRt4bHCRa1c9uIaIi0JrsmmWVxaNJZzu58jMhJK8wAMqDxrYv';
js.crossOrigin = 'anonymous';
fjs.parentNode.insertBefore(js, fjs);
})
(document, 'script', 'kakao-js-sdk');
</script>
해당 코드로 작성을 했을경우 kakao_go() 함수가 실행되면 카카오채팅까지 연결이 되야하는게 맞다 생각하는데,그게 아닌가봐요