본문 바로가기
카카오 REST API & SDK/카카오톡 채널

한 페이지에서 카카오톡 채널 채팅 버튼 두개 사용하기

by kakao-TAM 2021. 5. 7.

빈 html에 JAVASCRIPT_KEY 값 변경하셔서 테스트 해주세요~

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<script>
var JAVASCRIPT_KEY = "여기에 자바스크립트 키를 넣어주세요";
Kakao.init(JAVASCRIPT_KEY);
    
</script>
<div id="kakao-talk-channel-chat-button1"></div>

<script>
    Kakao.Channel.createChatButton({
        container: '#kakao-talk-channel-chat-button1',
	    channelPublicId: '_xcLqmC' // 카카오톡 채널 홈 URL에 명시된 id로 설정합니다.
    });
</script>

<div id="kakao-talk-channel-chat-button2"></div>

<script>
    Kakao.Channel.createChatButton({
        container: '#kakao-talk-channel-chat-button2',
	    channelPublicId: '_xcLqmC' // 카카오톡 채널 홈 URL에 명시된 id로 설정합니다.
    });
</script>

댓글