톡상담 채널추가 문의입니다

JavaScript
1 
<script>
window.kakaoAsyncInit = function() {
  Kakao.Channel.createAddChannelButton({
    container: '#kakao-talk-channel-add-button',
  });
  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://developers.kakao.com/sdk/js/kakao.channel.min.js';
  fjs.parentNode.insertBefore(js, fjs);
})(document, 'script', 'kakao-js-sdk');

이부분은 앞에 쓴 자바스크립트이며

<div

id=“kakao-talk-channel-add-button”

data-channel-public-id="_rxcmxjd"

data-size=“large”

data-support-multiple-densities=“true”>

<div

id=“kakao-talk-channel-chat-button”

data-channel-public-id="_rxcmxjd"

data-title=“consult”

data-size=“small”

data-color=“yellow”

data-shape=“pc”

data-support-multiple-densities=“true”>

이 부분이 바디 안에 들어가는 부분입니다.

#kakao-talk-channel-add-button{

position: fixed;

bottom: 10px;

right: 10px;

z-index: 99999;

}

#kakao-talk-channel-chat-button{

position: fixed;

bottom: 20px;

right: 10px;

z-index: 99999;

}

이부분은 css에 대한 것입니다.

20220720_111722

저렇게 입력하고 카페24에 있는 스마트 디자인에 넣으면 가끔씩 두개씩 뜨네요 새로고침 많이하면 없어지고 … 어떤게 잘못된걸까요?

2

안녕하세요

메인 페이지 기준 Javascript SDK를 두번 로드하고 계십니다

<script id="kakao-js-sdk" src="https://developers.kakao.com/sdk/js/kakao.channel.min.js"></script>
...
<!-- External Script End -->
<script type="text/javascript" src="//developers.kakao.com/sdk/js/kakao.min.js" charset="utf-8"></script>

둘 중 하나만 로드 부탁드리며, kakao.channel.min.js를 제거하고 테스트 부탁드립니다.