티스토리 블로그 채팅창 달기(설정, 설치) 방법 2부 :: 채널 데스크 이용편

2017. 5. 1. 19:04 IT, SNS/블로그

지난 포스팅에서는 티스토리 블로그에 가가라이브 실시간 채팅창을 사이드바에 설정하는 방법을 알아보았습니다. 하지만 사실 가가라이브 채팅창은 어도비 플래쉬 플레이어(Adobe Flash Player)를 사용하고 있기 때문에 스마트폰 상에서 활성이 되지 않습니다. 왜냐하면 보편적으로 스마트폰에서 사용하고 있는 브라우저는 플래시 플레이어 기능을 지원하고 있지 않기 때문입니다. 퍼핀(Puffin)과 같은 플래시 플레이어를 지원하는 브라우저로 접속을 한다면 괜찮지만 말입니다.


또한 가가라이브는 PC 컴퓨터에서도 채팅글을 바로 볼 수 있는 것이 아니라 플래쉬 상의 재생버튼을 한번 클릭해야지만 채팅 내용을 볼 수 있고 글자를 입력할 수 있기 때문에 신속성이 떨어집니다. 게다가 특정 방문자에게 말을 걸어도 따로 알림이 가지 않기 때문에 내가 원하는 사람에게 원하는 말을 전달하기도 용이하지 못한 점도 있습니다.


티스토리 블로그 채팅창 달기(설정, 설치) 방법 1부 :: 가가라이브 채팅 이용편



가가라이브의 이러한 단점을 극복하고자 오늘은 


채널 데스크라는 위젯을 이용해서 방문자 분들과 채팅과 소통, 


질문과 답변을 할 수 있는 방법을 소개해드리겠습니다. 





아주 간단하니, 천천히 따라와주시기 바랍니다.


먼저 아래 링크를 클릭해서 채널 데스크 사이트에 들어갑니다.



channel.io



채널 데스크 사이트 메인화면입니다.


아주 심플하고 깔끔한 디자인입니다.


가운데에 있는 시작하기 버튼을 눌러줍니다.



시작하기 버튼을 누르면 이메일을 입력하는 곳이 나오는데


본인의 이메일을 입력해주고 확인을 누릅니다.



그러면 위와 같이 가입하기 화면으로 들어갑니다.


여기에 이름과 비밀번호를 입력하고 가입하기를 눌러줍니다.


휴대폰 번호는 선택사항이라고 적혀 있으니


굳이 입력하지 않아도 좋습니다.








자, 이렇게 가입이 완료 되었습니다.


이제 환영합니다! 아래에 있는


새 채널 만들기 버튼을 눌러줍니다.




채널 이름을 입력하고, 채널 웹주소를 


아무거나 마음에 드는 걸로 적어줍니다.


그리고 운영중인 사이트 주소를 적어주고


확인 버튼을 눌러줍니다.




그러면 위와 같은 화면이 나오는데


왼쪽 아래에 톱니바퀴처럼 되어 있는 설정 버튼을 누릅니다.




설정 버튼 오른쪽에 프로필 및 환경설정 창이 나오는데


여기서 아래쪽에 위치해 있는 플러그인 관리하기를 눌러줍니다.






그리고 오른쪽 위에 보이는 새 플러그인 만들기를 클릭합니다. 






새 플러그인 만들기 화면입니다.


플러그인 이름을 원하는 것으로 설정해주시고


테마 색상도 보기 좋은 색상으로 선택해줍니다.


버튼 텍스트는 기본적으로 채팅 문의라고 되어 있지만


이 또한 수정할 수 있으니 원하시는 글자를 적어주시면 됩니다.



단, 짧게밖에 쓰지 못하고 엔터를 쳐서 


두 줄로 쓸 수 없다는 점은 유의하셔야 겠습니다.



그리고 만들기 버튼을 누릅니다.



만들기 버튼을 누르면 이와 같이 방금 만든 플러그인 이름이


아래에 표시되면서 플러그인이 만들어진 것을 확인할 수 있습니다.


오른쪽에 있는 데모보기 버튼을 누르면 아래와 같은 화면이 나오지만


그냥 그렇구나 한번 감상하는 걸로 끝내시고



코드 보기를 눌러줍니다.




이런 식으로 사이트 오른쪽에 표시된다는 군요.


디자인도 보기 좋고 마음에 듭니다.




코드 보기를 눌렀을 때 나오는 화면입니다.


이 플러그인 코드를 티스토리 블로그에 넣으면 되겠구나!


생각이 드실 겁니다.


바로 클립보드 복사를 눌러 코드를 복사해줍시다.





이제 티스토리 블로그로 돌아오셔서


q 버튼을 눌러 관리자 화면으로 들어갑니다.




꾸미기 > 사이드바 > HTML 배너출력 순으로 눌러주시고


오른쪽에 HTML 배너출력이 추가가 되면 편집을 눌러줍니다.


(만약, HTML 배너출력이나 태그 입력기가 보이시지 않는다면,


플러그인 > 플러그인 설정 > 관리 및 통계 > 태그 입력기 or 배너출력


순으로 클릭해서 플러그인을 설정해주시면 됩니다.)




이름에 채널데스크 플러그인이라는 것을 딱 봐도 알아볼 수 있도록 적어주시고


HTML 소스 부분에 방금 복사해온 코드를 붙여넣어 줍니다.


그리고 확인 버튼을 눌러준 후


오른쪽 상단에 있는 저장 버튼을 눌러주시면 끝입니다.




티스토리 블로그 화면으로 가보니 이렇게


오른쪽 하단 부분에 채팅 문의라는 채널 데스크 아이콘이 생성되었습니다.



이제 방문자 분들이 이 채팅 문의를 눌러서


블로그 관리자에게 말을 걸 수 있게 됩니다.





블로그를 관리하시는 분은


스마트폰에서 채널 데스크 앱을 다운 받아 설치하셔서


https://play.google.com/store/apps/details?id=com.zoyi.channel.desk.android&hl=ko




실시간으로 방문자 분들이 문의를 해주실 때마다


알림이 오기 때문에 신속하게 대응해주실 수 있습니다.



참고로, 블로그 관리자가 방문자에게 말을 걸고 싶다면


채널데스크 로그인 화면에서 왼쪽 바의 실시간 방문을 클릭해주시고


실시간 방문자 목록이 뜨면 방문자의 프로필을 눌러


말을 거실 수가 있으니 한번 방문해주신 분들께 


감사의 말을 전해보는 것도 좋지 않을까 생각합니다.



.... 라고 했지만, 


실제로는 아무도 답장을 주지 않았다는 비화가... ^^





모쪼록 채널 데스크를 통해


방문자 분들과의 좋은 소통의 창을 


하나씩 더 만들어보시는 것도


좋지 않을까 생각합니다.



티스토리 블로그 채팅창 달기(설정, 설치) 방법 1부 :: 가가라이브 채팅 이용편

구글 애드센스 일치하는 콘텐츠 광고 넣기 방법

애드센스 광고 글 사이에 넣는 방법

티스토리 블로그에 유튜브 동영상 쉽게 넣는 방법

티스토리 블로그 스마트폰 최적화 - posted by 없애기




도움이 되셨다면, 로그인 없이 가능한


아래 하트♡ 공감버튼 을 꾸~욱!


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그