본문 바로가기

Develop/Web

가가라이브 가가채팅 적용해봤는데 허무할 정도로 너무 쉽다.

이번에 홈페이지 디자인을 다시 꾸미면서 채팅기능을 적용하고 싶었습니다.


그래서 랜덤채팅으로 유명한 가가라이브를 적용하여 웹페이지에 접속한 유저끼리 대화를 할 수 있는 대화의 장을 만들어 봤었습니다.


가가채팅 방을 만드는 방법은 매우 쉽습니다.


방법 1. 가가라이브 위젯API를 다운받는다.

방법 2. HTML 코드로 작성한다. (자신의 웹에 접속한 사람으로만 채팅하면 추천)


저는 워드프레스를 기반으로 적용했는데 일단 가가라이브 위젯 플러그인을 사용하여 사이드 레이어에 적용을 했습니다.

불필요하게 플러그인을 설치한것 같아 2번째 방법으로 다시 했습니다.


워드프레스 사이드 HTML 위젯은 추가하실 줄 안다고 생각하고 작성합니다.

굳이 워드프레스가 아니더라도 기본적으로 가가라이브 랜덤채팅은 HTML코드를 제공하며 설명도 친절하게 해놨습니다.


HTML 코드 한줄 추가로 채팅 적용하기

<embed height="200" width="90%" src="http://www.gagalive.kr/livechat1.swf?chatroom=원하는방이름 영문"></embed>


이렇게하면 랜덤채팅이되며, 회원 및 비공개 채팅도 지원을 하는데 이는 조금 더 설정을 해줘야합니다.


회원 및 비공개 채팅을 적용하시려면 아래의 가가라이브 홈페이지를 통해서 확인 가능합니다.

http://www.gagalive.com/live/livechat


장점 

정말 손쉽게 채팅이 구현이 된다.


단점 

HTTPS 보안주소를 사용하고 있다면 사용시 오류발생한다.. 

ㅠㅠ 그래서 결국 최종적으로는 적용안했습니다.