Gidhub BE Developer

Tawk.to 서비스 적용 및 알아보기

2020-04-13
goodGid
E.T.C

Tawk.to

  • Tawk.to 라는 서비스를 블로그에 추가하였다.

  • Tawk.to 서비스의 핵심 기능은 유저랑 블로거와 Live 채팅 기능이다.

  • 그리고 사용자 입장에서는 번거롭게 로그인을 하지 않아도 되기 때문에 무척이나 편리하단 생각이 든다.

적용

  • Tawk.to 에서 제공하는 코드를 붙혀넣기만 하면 바로 적용이 된다.
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5e932e2969e9320caac2d415/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->

  • 코드를 추가한 후 Tawk.to 어드민 페이지에서 속성 값들을 변경하면

  • 1초의 딜레이도 없이 바로 블로그에서 확인이 가능하다.

  • 적용시키기 위해서 일정 시간을 기다려야한다든지

  • 블로그를 다시 빌드해야하는 번거로움이 없어서 너무 편리하다.

기능들

  • 필자가 느끼기에 몇가지 흥미로운 기능들에 대해 정리해봤다.

공통

채팅 내용 메일 전송 기능 제공

  • 블로거와 유저 모두 채팅 내용을 메일로 전송이 가능하다.

이미지 캡쳐 시 바로 Copy & Paste 제공

  • 이미지 캡쳐 시 바로 Copy & Paste가 가능하다.

  • 만약 그렇지 않다면 캡쳐를 하고 이미지를 첨부해야하는데 그 과정이 너무 불편하다고 생각한다.

유저

블로거가 Tawk.to에 접속 시 (Online)

  • 유저는 실시간으로 블로거에게 채팅이 가능하다.

  • 로그인할 필요가 없기 때문에 굉장히 편리하다는 생각이 든다.

블로거가 Tawk.to에 미접속 시 (Offline)

  • 블로거가 Offline이기 때문에 실시간 채팅은 불가능하다.

  • 하지만 만약 블로그가 메시지를 남길 수 있는 기능을 활성화 시켜놓았다면 메시지를 남길 수 있다.

  • 이 또한 로그인할 필요가 없다.

블로거

Tawk.to에 미접속 시 (Offline)

  • 기본적으로 쪽지를 남기듯이 메시지를 남길 수 있는 기능이 활성화 되어있다.

  • 하지만 위젯 자체를 노출시키지 않도록 설정도 가능하다.

UI 및 위젯 위치 변경 가능

  • 채팅 메시지 배경 색 / 사이즈 / 위치 등등 다양한 설정이 가능하다.

  • 또한 위젯을 감싸는 텍스트 이미지 선택도 가능하다.

  • 콘텐츠 편집도 가능하다.

데스크탑 & 모바일 각각 컨트롤 가능

  • 데스크탑으로 보는건 괜찮은데

  • 모바일로 보면 작은 화면에 위젯이 많은 영역을 차지하고 있어서 보기 좋지 않았다.

  • 그래서 ‘이거 지우고 싶은데’라는 생각으로 Tawk.to 어드민 페이지 들어갔는데 제어가 가능했다.

블로거 -> 유저 메세지 전송

  • 일반적으로는 유저 -> 블로거에게 메시지를 전송하는 단방향이 대부분인데

  • Tawk.to는 블로거 -> 유저에게 메시지를 보낼 수 있어 양방향 전송이 가능하다.

  • 실제로 테스트도 했는데 매우 잘 된다.

채팅 시 상대방이 작성하는 메시지 미리 보기

  • 유저가 입력하고 있는 메시지를 실시간으로 바로 볼 수 있다.

  • ex) 유저가 안녕하세요 를 입력 하고있다면 Tawk.to 어드민 채팅 화면에서 실시간으로 확인이 가능하다.

모니터링 기능

  • Google Analytics보다 UI 적으로 더 깔끔한 느낌이다.

  • 각 필드들은 순서대로 다음과 같다.
- 가상 호스트 명
    - 유저라고 생각하면 된다.
    - 변경이 가능하다.
- IP
- 유저가 보고 있는 실제 URL
- 어떤 링크(Referer)로 부터 현재 보고 있는 URL로 접속했는가
- User Agent
- 접속해 있는 시간
- 방문 횟수
- 채팅 횟수

Summary

  • 전체적으로 블로거 입장이나 유저 입장에서

  • 많은 생각을 해보고 최대한의 편의를 제공하기 위해 노력한 흔적이 너무나도 많이 보인다.

  • 이런 서비스를 무료로 제공한다는게 신기할 따름이다.

  • 전체적으로 굉장히 만족스러운 기능이다.

  • 특히 모니터링 기능은 압도적이다.

  • 블로그를 운영중이라면 반드시 꼭 추천하고 싶은 기능이다 !

Index