안녕하세요.
저희 쇼핑몰에 카카오 상담 톡 위젯 추가 하였습니다.
웹은 상담 톡 위젯 노출도 되고, 클릭 시 상담톡 기능이 잘 작동합니다.
하지만 모바일은 톡 위젯 노출만 되고, 클릭 시 카카오 상담톡으로 이동을 하지않았습니다.
혹시 모바일 전용 코드가 따로 있을까요?
확인부탁드립니다. 감사합니다.:
안녕하세요~
답변이 늦었습니다. 죄송합니다.
모바일 페이지에서 추가하신 스크립트는 정상적이지만, 제대로 작동하지 않은 것으로 추정됩니다.
사이트내 추가하신 관련 스크립트(kakaoAsyncInit)를 크롬 개발자 모드에서 실행해보면 상담 버튼이 잘추가되고 버튼도 정상 작동하는게 확인되는데요.
안내와 달리 body내 스크립트가 있어서 페이지 로딩에 영향을 받는 것으로 보입니다.
1. 아래의 코드를 페이지에 삽입하세요. <body></body> 태그 뒤에 추가하는 것을 권장합니다.
__
아래 내용 참고하셔서 스크립트 변경해보시는게 어떨까요?
@notoriousjuno 안녕하세요.
어제 안내드린 내용에서 다른 내용이 확인되어 공유드립니다.
http://m.deptb.co.kr/ 에서 톡상담은 정상적으로 로딩 처리되었으나 사이트내 다른 스크립트가 클릭이벤트를 제거하는 것으로 확인됩니다.
(1) PC 버전에서 위젯방식 JS SDK 로딩 성공과 버튼 이벤트 생성 정상작동
개발자 콘솔에서 보시면 페이지 로딩 시, JS SDK가 head영역에 정상적으로 import되었고 톡상담 버튼에 click a 이벤트가 SDK로 동적 연결된 것을 확인 할 수 있습니다.
(2) 모바일 버전에서 위젯방식 JS SDK 로딩 성공과 버튼 이벤트 생성 정상작동 했으나 이벤트 삭제됨
모바일 URL에서 디버깅해보시면, 이벤트가 적용되었다가 footer 로딩 시점에 이벤트 제거되는게 확인됩니다.
Dom 객체를 전역으로 변경하는 스크립트가 있는지 확인해보시면 좋을 것같습니다.
(또는 footer로딩 이후, 톡상담 버튼 처리 하도록 하면 정상 작동할 것으로 보입니다.)
