카카오 채널 잘못된 접근입니다 해결방법 + 홈페이지에 카카오 채널 채팅 버튼 추가하는 방법

반응형

다음 검색 등록을 했더니 '카카오톡 채널 확인 불가'로 보류처리 -_-

불가사유를 자세히 읽어보니 메인화면에 카카오톡 채널 링크를 노출해야 된단다 

<a href></a>태그로 이미 일반 버튼에 카카오 채널 링크를 넣어놨는데도 보류가 뜬 걸 보면 나 카카오 채널이요!! 하고 보란 듯이 띄워줘야 검수가 되나보다

다음 검색등록 카카오톡 채널 확인 불가

그래서 카카오 채널 가이드대로 홈페이지에 카카오 채널 버튼을 노출해 봤는데 가이드 그대로 따라하다 보면

"잘못된 접근입니다. 인증에 실패하여 페이지에 접근할 수 없습니다. 해당 기능을 제공한 서비스 관리자에게 문의해주세요." 라면서 에러가 뜬다 : )

카카오톡 채널 잘못된 접근입니다

그리하여, 이 포스팅을 작성하게 되었다 

아래 방법대로 따라하면 '잘못된 접근입니다' 같은 에러가 뜨지 않는다 

반응형

 

1. 카카오톡 채널 채팅 버튼 홈페이지 노출 방법

기본적으로 카카오톡이 제시한 요 코드를 복사해서 사용하면 되는데 파란색 줄로 표시한 1, 2, 3번을 변경해서 사용해야 한다

카카오톡 채널 버튼 홈페이지 연동

이 코드는 아래의 링크에서 복붙해서 쓰도록 하자

변경해야 할 1,2,3번은 이제부터 차근차근 설명해보려고 한다 

https://developers.kakao.com/tool/demo/channel/chat?method=chat 

Kakao Developers

반응형

 

2. 앱 자바스크립트 키 생성(애플리케이션 추가)

카카오 디벨로퍼로 접속 한 후 내 애플리케이션 > 애플리케이션 추가를 누르자

https://developers.kakao.com/console/app

카카오계정

반응형

카카오 디벨로퍼 애플리케이션 추가

2.1 앱 자바스크립트 키 생성(플랫폼 추가)

플랫폼 > 웹에서 사이트 도메인을 추가해 준다

사이트 도메인 뒤에 /  <<< 이 슬래시를 빼고 등록해줘야 에러가 안난다

도메인 등록을 하지 않고 자바스크립트 키를 사용할 경우 에러가 뜨니 반드시 도메인을 등록해줘야 한다 

카카오 애플리케이션 도메인 등록

2.2 앱 자바스크립트 키 생성(자바스크립트 키 확인)

앱키 > 자바스크립트 키 > 복사를 눌러주면 복사된다

반응형

카카오 채널 자바스크립트 키

복사한 자바스크립트 키가 1번에 들어가야 한다

'' 작은 따옴표 사이에 키값을 넣어야 한다

카카오톡 채널 버튼 홈페이지 연동

3. 카카오톡 채널 아이디 확인

반응형

카카오톡 채널 관리자 센터 > 관리 > 상세설정에서 채널 URL을 확인할 수 있는데 URL의 맨 끝부분에 있는 놈이 채널아이디다
이 놈이 3번 자리에 들어가야 된다 '' 작은 따옴표 사이에 채널 아이디 값을 넣어야 한다 

카카오 채널 주소 및 아이디

4. 이미지 경로 지정하기

대망의 2번이다 

2번 경로값이 상대경로로 되어 있어서 아마 엑박이 뜰 거다 ^^; 

 

반응형

'https://developers.kakao.com/tool/resource/static/img/button/channel/consult/consult_small_yellow_pc.png' 로 변경해주면 정상적으로 버튼이 노출된다 

 

카카오톡 채널 버튼 홈페이지 연동