Rocket.Chat을 이용한 Live Chat 적용하기.

Rocket.Chat 메신저를 구축하고 여러용도를 찾던중에 Live Chat 기능이 있어 적용하는 방법에 대해 공유하고자한다.

Live Chat이란

보통 쇼핑몰 or 고객 센터같은곳에 많이보이는 상담원과 대화를 할수있게 도와주는 기능이라고 보면된다.

나는 블로그를 운영중이니 블로그에 대해 궁금한점 or 문의점을 Live Chat을 통해 받고자 한다.

Rocket.Chat 설정

Rocket.Chat에 관리자 계정 접속 후 관리탭을 눌러주자.

지금 저 Livechat은 내가 활성화 시킨것이기 때문에 처음들어가보면 관리창만있다.

좌측 관리탭 > Livechat

Live Chat 사용을 체크하고 아래 이름도 바꾸고싶으면 바꾸고 저장

그다음에 다시 설정을 누르면 Livechat이 생겨있을꺼다.

그러면 Livechat 설정화면이 나오는데 여기서는 에이전트 등록(상담을 받을 사람)을 먼저 등록해줘야한다.

나머지 커스텀가능한 부분은 직업 확인하면서 설정할 것을 추천한다.
나는 구동까지만 목표로 진행해줄 예정.

이제 설치 부분을 클릭하면 <script> 코드가 나오는데 이걸 웹사이트의 <body> 태그안에 넣어주면 된다.

나같은 경우 우측 위젯창에 삽입시켜줬다.

워드프레스에서도 사용자 정의 HTML로 추가하면된다.

완료되면 사이트 화면 우측하단에 채팅창이 나온다.

그리고 그곳에 문의를 남기면 아까 에이전트로 등록한 계정에 메시지가 전달되게 된다.

분석도 되게 깔끔하게 잘되기때문에 상업용 사이트 같은곳에 넣으면 요긴할거같긴하다.

사용자가 어느페이지를 보고왔는지 방문자 이력도 확인이 가능하다.

 

————————————————–

사이트 리뉴얼중입니다~

서버(Linux, ESXi), NAS(헤놀로지, ESXi 및 IT관련 정보, 기타 등등을 공유하는 커뮤니티 SVRFORUM을 새로 만들었습니다.
많은 가입(?) 부탁드립니다~
https://svrforum.com

이전글들은 모두 상단 메뉴의 Blog 글 모음에있습니다!

4 thoughts on “Rocket.Chat을 이용한 Live Chat 적용하기.”

  1. 안녕하세요.

    게시물을보고 livechat을 연동하려하는데

    because an ancestor violates the following Content Security Policy directive: “frame-ancestors ‘none'”.

    오류와 함께 실행이 안되더라구요.

    3일정도 찾아봤는데 도저히 해답이없어서 문의 드립니다.
    혹시 로켓챗 자체에서 설정을 해줘야하는게 있을까요?

    1. 안녕하세요.

      자체 해결 했습니다.

      해결했다고 말씀드리는 것도 부끄럽긴한데,,

      omnichannel 메뉴에서 ( livechat 에서 이름이 바뀌었습니다. )
      livechat 허용 도메인
      Livechat 위젯을 포함 할 수 있는 (쉼표로 구분) 도메인 목록입니다. 모든 도메인을 허용하려면 비워 두십시오.

      항목에서 도메인명을 오기입 했었습니다.

      혹시나..저와 같은 오류가 나시는분께 도움이 되길래봅니다.

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

홈서버 IT 커뮤니티 SVRFORUM
Link