카카오톡 채널 추가 버튼

JavaScript
#1

image

카카오톡 채널 추가 버튼을 생성해서 홈페이지에 삽입하려고 하는데, 다음단계가 이해가 안 가서 문의드립니다.
도움 부탁드립니다.

감사합니다.

#2

어떤 부분이 이해가 어려우신지 좀 더 자세히 설명 부탁드려요.
혹시 아래 문서가 이해에 도움이 되실까요?
https://developers.kakao.com/docs/latest/ko/kakaotalk-channel/js#add-channel

#3

정확히 어떻게 채널추가 버튼을 생성하는지 알고 싶습니다…

#4

질문에 남겨주신 이미지의 JS SDK 데모의 코드를 보시면 도움이 되실텐데요.

div 태그의 id를 container 옵션으로 넣으시면, 해당 div의 child로 JS SDK가 버튼을 append하는 방식입니다.

#5

제공된 코드 확인했습니다.

이 코드를 어떻게 활용하는지요?

#6

아래 순서대로 코드를 작성하시면
(1) kakao.js 참조 (2) Kakao.init (3) 버튼 표시할 태그에 id설정 (4) 버튼 표시 스크립트 호출

사이트의 원하는 곳에 버튼이 표시되고, 고객이 카카오톡 채널에 가입되면 채널을 이용한 여러가지 마케팅이 가능하겠지요?

image

                <!--JavaScript Kakao SDK : 채널 추가, 채널 채팅 START-->
            <script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
            <script>
                // SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해 주세요.
                Kakao.init('<?= $JAVASCRIPT_KEY ?>'); //★ 수정 할 것
                // SDK 초기화 여부를 판단합니다.
                console.log(Kakao.isInitialized());
            </script>
            <table>
                <tr>
                    <td>
                        <p id="kakao-add-channel-button"></p>
                    </td>
                    <td>
                        <p id="kakao-talk-channel-chat-button"></p>
                    </td>
                </tr>
            </table>

            <script>
                btn_added();

                function btn_added() {
                    Kakao.Channel.createAddChannelButton({
                        container: '#kakao-add-channel-button',
                        channelPublicId: '<?= $CHANNEL_ID ?>' //★ 수정 할 것 채널 홈 URL에 명시된 id로 설정합니다.
                    });
                }
1개의 좋아요