능률적 노션 사용법 #10 - 노션에 댓글, 실시간 채팅 달기 (apption.co, disqus, joey, 라이브리, tawk.to, channel.io)

사실, 노션은 댓글, 실시간 채팅을 지원하지 않습니다.

하지만 #8 - 임베드 링크, 서드파티앱 현재 28종 총정리, #9 - 노션을 뒤집어 놓으신 html 임베드 사이트, apption에서 설명한 임베드 링크 등의 서드파티 서비스를 이용하면 모든 것이 가능해집니다.

 

 

 

notion으로 만든 예쁜 웹페이지에, 무료로 댓글과 실시간 채팅까지 가능한 것입니다 :)

 

댓글은 3가지 방법, 그리고 채팅은 2가지 방법을 준비했습니다. 기호에 맞게 선택해서 쓰면 됩니다.

 

댓글 다는 4가지 방법

1. joeynotion.com

노션과 동일한 계정으로 계정 로그인을 하면, 무료로 10개의 comment block 사용이 가능합니다.

comment block을 선택하면 아래와 같은 화면이 나옵니다.

Create New Block을 하고 이름을 "comment test"로 지정하면 다음과 같이 1개의 댓글 블록이 만들어집니다.

 

 

커서를 생성한 코멘트 블록에 대면, 3개의 버튼이 생기는데, 그 중 연필 모양으로 가서 copy link!

이 후, 원하는 위치에 링크를 붙여넣기하는데 이 때 embed link로 붙여넣으면 끝!

 

제가 꼽는 joeynotion의 장단점 )

장점 : 미니멀한 디자인, 10개 블록까지는 무료입니다.

단점 : 무료로 10개만 제공, 다크모드 미지원, 오직 텍스트 댓글만 가능합니다.

 

 

2. disqus

일단 댓글 서비스 중에서는 독보적으로 유명한 서비스입니다. 다만 disqus의 경우 html 코드를 제공하기 때문에, #9 - 노션을 뒤집어 놓으신 html 임베드 사이트, apption을 이용해야 임베드가 가능합니다. (모르면 참고하세요.)

apption.co에 들어가서 disqus를 찾으면 시키는대로 따라가면 됩니다.

 

 

임베드하면 아래의 모습처럼 댓글창을 만들 수 있습니다.

 

 

제가 꼽는 disqus의 장단점 )

장점 : 제일 유명한 서비스이고, 다크모드도 지원하며, reply, 이미지, gif, 코드 삽입 등 기능이 많습니다.

단점 : 과정이 아주 조금 복잡하고, 기능이 많아서 미니멀한 디자인은 아닙니다. 무료는 광고가 뜰 수 있는 듯 합니다. (페이치 참고)

 

3. apption.co

disqus로 댓글을 달려면 앱션을 써야한다고 했는데, 사실 앱션 자체에서도 댓글 블록 임베드 링크를 지원합니다. 들어가서 comment 검색하면 찾을 수 있고, 넣을 노션 사이트 주소만 넣고, 색상만 선택하면 끝나서 엄청 쉽습니다.

 

 

 

제가 꼽는 apption의 장단점 )

장점 : 다크모드 지원, 디자인이 미니멀합니다.

단점 : 텍스트 댓글만 가능하고, 이미지에서 보이듯이 없앨 수 없는 횡스크롤바가 눈에 걸립니다. (화이트모드라면 joey쓸 듯)

 

 

4. 라이브리

라이브리는 유일하게 SNS 계정 로그인을 해야만 댓글을 달 수 있는 서비스입니다.

연세대학생들이 만든 서비스라, 한글로 친절하게 설명해준다는점이 소소한 장점입니다.

 

livere.com에 가입한 뒤, html 코드를 따오고 apption.co에서 링크를 생성한 뒤 임베드 하면 됩니다. 다크모드가 가능하긴 하지만, 폰트가 검정색에서 변하지 않기 때문에 사실상 화이트모드로 지원된다고 생각하면 되겠습니다. 답글, 이미지 기능을 지원합니다.

 

 

제가 꼽는 라이브리의 장단점 )

장점 : 미니멀한 디자인과 다양한 기능 지원, 한국어사이트

단점 : 다크모드 미지원, 무료로는 통계 데이터를 볼 수 없는데, 다른 것들도 사실 마찬가지이긴 합니다.
기타 : SNS 로그인을 해야 댓글을 달 수 있는 부분이 장점이자 단점이 될 수 있습니다.

 

 

 

채팅 다는 2가지 방법

채팅은 둘 다, apption.co를 통해 html코드를 임베드링크로 만들어서 써야만 합니다.

1. tawk.to

disqus처럼 웹사이트에 채팅을 지원하는 서비스 중에서는 독보적으로 유명합니다.

회원가입 후 universal HTML 코드를 복사한 뒤, apption.co에 붙여넣어 링크를 생성하여 임베드하면 아래와 같이 보입니다.

tawk.to를 임베드하면 다크모드 기준 위와 같은 모습이 됩니다.

 

 

말풍선을 누르면, 웹사이트 관리자와의 실시간 채팅이 활성화됩니다.

안내 멘트가 표시되고, 별도 인증이나 가입없이 채팅을 바로 할 수 있습니다.

 

 

알림음이 울림과 함께 좌측 상단에 인커밍이 표시됩니다.

 

인커밍을 누르면, 중앙 하단의 메시지로 관리자 계정 중 하나를 선택한 다음 메시지를 보낼 수 있습니다. (Whisper는 방문자에게 보이지 않고 관리자들에게만 보임)

 

방문자 관점에서는 위의 이미지처럼 표시됩니다.

 

2. channel.io(채널톡)

한국어 전용 서비스임이 장점입니다. tawk.to는 전면 무료이지만, 채널톡은 무료 계정일 경우 하루 100개 메시지로 제한됩니다. 유료계정은 마케팅 통계 분석 등의 기능을 제공하는 장점이 있습니다. 방법, 디자인이 모두 유사하기 때문에 자세한 설명을 생략합니다.

 

 

 

 

 

 

 

 

 

3줄 요약

1. 노션에 댓글과 채팅을 달 때, 댓글은 joey, disqus, apption, livere 4가지 방법, 채팅은 tawk와 채널톡의 2가지 방법이 있습니다.

2. 채팅의 2가지 방법과 댓글의 disqus, apption은 apption을 활용해야 가능한 방법입니다. (#9 - 노션 참고)

3. 각각의 장단점, 방법, 디자인은 본문을 참고하면 됩니다.