채널톡 버튼 열림 질문
본문
안녕하세요 선생님들
웹페이지에서 콘솔창에서 채널톡을 열 수 있는 방법이 있을까요?
또는 버튼을 클릭했을때 채널톡이 열릴 수 있게끔 해보고 싶습니다.
팁좀 부탁드립니다!!.
//console.log
document.getElementById('ch-plugin-script').click();
document.getElementById('ch-plugin-script').classList.remove('ch-messenger-hidden');
document.getElementById('ch-plugin-script').classList.add('ch-desk-messenger');
<div id="ch-plugin-script" class="ch-desk-messenger ch-messenger-hidden" style="bottom: 96px !important;right: 50px !important;height: calc(100% - 116px) !important;"> <iframe id="ch-plugin-script-iframe" title="Channel chat" style="position:relative!important;height:100%!important;width:100%!important;border:none!important;"></iframe> </div>
!-->
답변 2
다음과 같은 방법도 있으니 참고해 보세요
// 버튼 클릭 시 실행될 함수
function openChannelTalk() {
// ch-messenger-hidden 클래스를 제거하여 채널톡을 표시
document.getElementById('ch-plugin-script').classList.remove('ch-messenger-hidden');
// ch-desk-messenger 클래스를 추가하여 스타일을 변경 (필요에 따라)
document.getElementById('ch-plugin-script').classList.add('ch-desk-messenger');
}
// HTML 버튼에 이벤트 리스너 추가
document.getElementById('your-button-id').addEventListener('click', openChannelTalk);
코드에서 your-button-id는 채널톡을 열고자 하는 버튼의 식별자이므로, 웹페이지에서 실제로 사용 중인 버튼의 ID나 클래스 등을 적절히 변경해주시면 됩니다.
!-->원래는 js 로 한다면 이게 정답이에요document.getElementById('ch-plugin-script').addEventListener('click', (e) => { document.getElementById('ch-plugin-script').classList.remove('ch-messenger-hidden'); document.getElementById('ch-plugin-script').classList.add('ch-desk-messenger'); });
답변을 작성하시기 전에 로그인 해주세요.