window.kakaoAsyncInit = function () { Kakao.init('124c91bf9f5c13311f842286f5772a32'); // 카카오 JavaScript 키로 초기화 // 커스텀 이미지 클릭 시 채팅창 열기 document.getElementById('my-kakao-chat').addEventListener('click', function () { Kakao.Channel.chat({ channelPublicId: '_xokcxan' // 본인의 채널 ID }); }); /* Kakao.Channel.createAddChannelButton({ container: '#kakao-add-button', channelPublicId: '_xokcxan' }); */ }; // Kakao SDK 비동기 로드 (function(d, s, id){ var js, kjs = 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'; kjs.parentNode.insertBefore(js, kjs); })(document, 'script', 'kakao-js-sdk'); // Hover 이미지 전환 document.addEventListener('DOMContentLoaded', function () { const chatBtn = document.getElementById('my-kakao-chat'); chatBtn.addEventListener('mouseover', function () { chatBtn.src = '/img/kakao_hover.png'; //chatBtn.src = '/img/web01_img03_02.png'; }); chatBtn.addEventListener('mouseout', function () { chatBtn.src = '/img/kakao_default.png'; }); });