티스토리 블로그 채팅창 달기(설정, 설치) 방법 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) ♣

리플 데스티네이션 태그

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

2017. 4. 30. 19:35 IT, SNS/블로그

오늘은 티스토리 블로그에 채팅을 할 수 있는 채팅창이나 채팅방을 달거나 설정, 설치하는 방법을 알아보도록 하겠습니다. 예전에는 티스토리 플러그인에 채팅 기능이 있었기 때문에 편리하게 블로거와 방문자 분들이 이야기를 나누고 소통할 수 있었지만, 언젠가부터 채팅 플러그인 기능이 사라졌습니다. 보통 방문자 분들과 댓글이나 방명록을 통해 소통을 할 수 있지만, 어느 때는 실시간으로 이야기를 나누고 싶어질 때도 있는 법입니다.


그런 분들을 위해서 티스토리에 채팅창을 다는 방법을 이번과 다음 포스팅을 통해 설명드리겠습니다. 10분 정도면 누구나 블로그에 채팅하는 공간을 만들 수 있으니 차근차근 봐주시기 바랍니다.



채팅 플러그인을 제공하는 곳은 여러 곳이 있지만


가장 편리하게 사용할 수 있는 곳은 


아무래도 가가라이브(gagalive)가 아닐까 생각합니다.





먼저 아래 링크를 통해 가가라이브에 들어갑니다.


http://www.gagalive.com



가가라이브 랜덤채팅 사이트 메인 화면입니다.


별도의 회원가입과 로그인 없이도 가능합니다.


상단의 가가 채팅을 누르고,


보안 채팅방 생성/관리를 누릅니다.




그러면 다음과 같은 화면이 나오는데


여기서 보안 채팅방 생성하기를 누릅니다.




채팅방 이름과 관리용 암호, 그리고 암호 확인을 넣어주시고


생성하기 버튼을 클릭합니다.





여기서 유의사항은 이미 만들어진 채팅방이 많기 때문에


조금 특이하거나 복잡하되, 반드시 기억할 수 있는


채팅방 이름을 설정해주시고


암호도 어딘가에 메모해 놓아 잊어버리지 않도록 합시다.




생성하기 버튼을 누르면 중간 부분에 HTML 코드가 나옵니다.


<embed ~~~> </embed> 부분을 복사합니다.



이제 티스토리 블로그에 이 채팅창을 넣어야 하니


티스토리 블로그에서 q 버튼을 눌러 관리자 화면으로 들어갑니다.








꾸미기 > 사이드바를 누르고 HTML 배너출력이나


태그 입력기를 누른 후 오른쪽에 모듈이 생성되면 편집을 누릅니다.


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


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


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




편집을 누르면 이름을 적는 란이 있고


아래에 태그를 넣는 공간이 있습니다.


이름에는 딱 봐도 채팅창이라고 알아볼 수 있게끔 적어주시고


HTML 소스 부분에 방금 복사한 <embed~~> </embed> 


를 붙여넣기 해주시면 됩니다.





여기까지 되면 확인을 누릅니다.





그러면 위와 같이 채팅창이 달리는 것을 확인할 수 있습니다.


다음 포스팅에서는 파란색 부분처럼 


문의를 하는 버튼을 생성하는 방법에 대해 알아보겠습니다.



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

티스토리 블로그 본문 글씨 크기 바꾸는 방법

티스토리 블로그 이전 글 넣기 하는 방법

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

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


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


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


♥ 암호화폐 후원하기 ♥


ⓑ 비트코인(BTC) ⓑ


◆ 이더리움(ETH) ◆


♣ 리플(XRP) ♣

리플 데스티네이션 태그