brunch

You can make anything
by writing

C.S.Lewis

by 기획자 Oct 19. 2023

포트폴리오 사이트 채널톡 연동

문의하기 API 활용

개인 포트폴리오 사이트에 채널톡을 연동했다.



처음 와이어프레임을 그릴 때는 

생활코딩 강의에서 봤던 문의하기 API를 활용하려고 했었다.


어떤 API였는지 확인하려고 생활코딩 강의를 뒤졌는데 도저히 보이 지를 않았다.

강의가 워낙 많다 보니 어디서 스치듯 봤는지 도저히 기억이 나지 않았고


이걸 찾는 것보다는 다른 API를 활용하는 것이 낫다고 판단했고 써치를 시작했다.



흔히 사용하는 상담 API는 3가지가 있다.


카카오톡 채널 API
네이버 톡톡 API
채널톡 API


3가지 상담 API 모두 연동을 시도해 봤기 때문에 경험을 공유해보려 한다.





카카오톡 채널 API


해당 링크 글을 보고 개인도 카카오톡 상담 API를 연동할 수 있는 줄 알고 확인해 봤더니

세팅은 가능한데 사이트와 연동을 하려면 사업자정보가 필요하다.

나처럼 개인 포트폴리오에 연동할 용도라면 이용이 불가능한 것이다.






네이버 톡톡 API


네이버 톡톡 바로가기

네이버 상담 API도 사용 가능한 것 같기는 한데 등록할 정보도 많고

별도 검수도 받아야 해서 조금 귀찮을 수 있다.

나는 귀찮아서 등록 안 하긴 했었는데

개인 포트폴리오 용도로도 가능한지 확인하기 위해 방금 신청을 했다.

검수 결과 확인 후 추가 공유하도록 하겠다.




네이버 톡톡 검수 결과 공유

사이트 배포 전이라서 홈페이지 링크를 아무거나 올렸을 때는 반려되었고

포트폴리오 링크를 제대로 올렸더니 승인이 되었다.


승인은 쉽게 됐는데 개발자도구에 들어가보니

API 사용을 위해서는 별도 신청이 필요했다.


업체명/업체소개가 필요한 걸 보니 뭔가 개인은 안 될 거 같기도 하다.


나는 귀찮아서 네이버톡톡은 여기까지만 알아보고 채널톡을 쓰려고 한다...




채널톡 API


채널톡 바로가기


채널톡은 가입 절차도 간단하고 무료인 데다가 API 연동 방법도 세상 쉽다.

아래 내용만 기입하면 바로 채널이 생성된다.


API 연동 방식도 아주 간단하다.

설정 > 일반 설정 > 버튼 설치 및 설정 > 기본 자바스크립트


자바스크립트 코드를 복사해서

운영할 사이트에 붙여 넣기만 하면 웹사이트에 채널톡 플로팅 버튼이 생성된 걸 확인할 수 있다.


설정 페이지에서 버튼 컬러와 아이콘도 변경이 가능하다.


사이트에서 문의를 남기면 수신함에서 확인이 가능하다.




채널톡에서 나 같은 개인 사용자를 달가워할 것 같지는 않지만

상담 API가 필요한 나 같은 사람들을 위해 공유해 본다.

브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari