1. 제로보드XE 채팅 위젯
  2. 제로4,그누4 보드 소스 예제
  3. 오피 연동 방법
  4. 테크노트 소스 예제
  5. 드루팔 소스 예제
  6. 웹게임 연동 예제



가가 채팅이란?

 

가가 채팅은 블로그나 홈페이지, 게시판 등에서 방문자와 함께 대화를 즐길 수 있는 실시간 대화 서비스입니다. 누구나 간편하게 페이지에 채팅방을 만들어 로그인 하지 않고도 자유롭게 채팅을 즐길 수 있으며, 보안 채팅을 이용하면 관리자 권한을 가지고 채팅방을 관리할 수도 있습니다.

 

ü  HTML 소스 편집이 가능한 페이지라면 어디든 채팅방을 삽입하여 이용할 수 있습니다.

ü  보안 채팅은 XE(XpressEngine), 제로보드, 그누보드, 드루팔 등의 회원 시스템과 연동할 수 있습니다.

ü  한 채팅방에 동시 접속자 최대 1,500명 접속 가능합니다.

ü  채팅방을 삽입한 사이트의 서버 부하 및 트래픽은 별도로 발생하지 않습니다.

 

가가 채팅방 삽입

 

HTML 소스로 넣기

 

가가 채팅방을 삽입하려는 페이지에 다음 소스를 삽입합니다.

빨간색으로 표시된 height 값이나 width , 원하는 채팅방 이름은 용도에 맞게 수정하여 사용하면 됩니다.


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

 

Notice!!! 채팅방 이름

웹 브라우저 호환성을 위해 채팅방 이름은 영문으로 지정하는 것이 좋습니다.

 

블로그에 위젯으로 넣기

 

다음 위젯뱅크와 위자드팩토리에서 제공하는 가가라이브 채팅 위젯을 이용하면 블로그나 카페에 보다 손쉽게 가가 채팅방을 삽입할 수 있습니다. 채팅방의 크기와 모양 등을 원하는 대로 지정하여 소스 형태로 바로 퍼갈 수 있으므로 간편합니다.

 

- 다음 블로그/티스토리/카페, 네이버 블로그 : 다음 위젯뱅크 가가 채팅 위젯 [바로가기]

- 이글루스, 네이버 블로그 : 위자드팩토리 가가 채팅 위젯 [바로가기]

 

 

프레임으로 넣기

 

블로그나 홈페이지에 프레임으로 가가 채팅방을 삽입합니다.

웹 브라우저 주소에 다음과 같이 URL을 입력하면, 해당 블로그나 홈페이지의 우측에 가가 채팅방이 나타납니다.

 

형태

URL

기본 세로형

http://go.gagalive.kr/홈페이지 주소

예시

http://go.gagalive.kr/stcube.com
http://go.gagalive.kr/blog.gagalive.kr

기본 가로형

http://go.gagalive.kr/a/홈페이지 주소

채팅방 이름 지정 세로형

http://go.gagalive.kr/c/chatroom=채팅방 이름(보안 채팅방의 경우 ~ 포함)/홈페이지 주소

 

채팅방 이름 지정 가로형

http://go.gagalive.kr/cc/chatroom=채팅방 이름(보안 채팅방의 경우 ~ 포함)/홈페이지 주소

전체 화면

http://go.gagalive.kr/d/채팅방 이름(보안 채팅방의 경우 ~포함)

 

옵션 설정 및 메뉴

 

채팅방 설정 옵션

 

채팅방 소스의 chatroom=원하는 채팅방 이름 뒤에 &옵션=옵션 값 형태로 설정 옵션을 지정할 수 있습니다. 모든 값은 UTF-8 방식입니다.

 

옵션

옵션 값

설명

예시

fontlarge

small(기본값)

채팅방의 폰트 크기를 지정합니다. 지정하지 않을 경우 폰트 크기는 사용자의 설정에 따라 달라집니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&fontlarge=true

medium

large

position

1

채팅방의 가로 세로 형태를 지정합니다. 1인 경우 가로형, 2인 경우 세로형, 지정하지 않으면 채팅방 모양에 따라 자동 조절됩니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&position=2

2

비어 있으면 자동 조절(기본값)

user

대화명 이름

설정되면 채팅방 대화창에서는 변경할 수 없으나, 보안 채팅방과 달리 직접 채팅방에 접속해서 변경은 가능합니다.

 

livechat1.swf가 아닌 livechat2.swf를 사용하면 익명 대화를 허용하지 않으나 보안이 없어 임의로 대화명을 쉽게 변경할 수 있습니다. 보안 연동을 위해서는 보안 채팅방을 이용하면 됩니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&user=digirave

fonttype

font-family

채팅방의 폰트를 변경합니다

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&fonttype=굴림체

fontcolor

hex color code
(#xxxxxx)

채팅방의 폰트 색깔을 변경합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&fontcolor=00000
http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&fontcolor=black

bgcolor

hex color code
(#xxxxxx)

채팅방의 배경 색깔을 변경합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&bgcolor=FFFFFF
http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&bgcolor=white

link

0

“http://”로 시작하는 링크를 클릭 가능하게 자동 변환합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&link=0

1(기본값)

camchat

0(기본값)

1:1 음성/화상 채팅 신청 기능을 사용할 수 있도록 활성화합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&camchat=1

1

autofocus

true

채팅방에 새로운 대화가 있거나 새로운 접속자가 입장하거나 퇴장할 때 채팅방이 있는 페이지가 앞에 나오도록 설정합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&autofocus=true

false(기본값)

notify

true

접속자가 채팅방에 입장하거나 퇴장할 때 대화창에 표시되도록 합니다.

http://www.gagalive.kr/livechat1.swf?chatroom=원하는 채팅방 이름&notify=true

false(기본값)

 

Notice!!!

참고로 autofocus, notify 사용시에 embed tag에 다음과 같이 AllowScriptAccess가 지정되어야 합니다.
<embed ...
AllowScriptAccess="always"></embed>

Autofocus, notify
사용시에  Adobe사 제품에서 자동 생성되는 HTML이나 사이트에 있는 예제 소스 코드에 있는 다음 자바스크립트 부분도 수정해야합니다.


AC_FL_RunContent( 
   ...
  
"AllowScriptAccess", "always",
   ...
   );

채팅방 메뉴

채팅방의 접속자 목록이나 대화창에서 사용자 아이디를 클릭하면 채팅방 메뉴가 나타납니다.

관리자로 로그인한 경우에는 관리자용 메뉴가 나타납니다.

 

2.jpg

  

고급 기능 

 

비보안 회원 연동 채팅방 만들기

 

비보안 회원 연동을 통해, 익명 사용자의 대화는 허용하지 않으면서 해당 사이트에 로그인 한 아이디로 채팅방을 동시에 사용할 수 있습니다. 보안 채팅방과 달리 직접 채팅방 주소를 입력해서 접속하면 사용자가 직접 변경 가능합니다.

 

비보안 회원 연동 채팅방을 만드는 방법은 다음과 같습니다.

 

다음 소스를 HTML에 삽입하면, 익명의 사용자가 가가 채팅방에 접속할 수 있으며, 대화는 허용되지 않습니다.

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

다음 소스를 HTML에 삽입하면, 회원 시스템과 연동하여 사용자 아이디가 고정된 대화명으로 채팅방에 접속할 수 있습니다. 별도의 보안은 이루어지지 않으므로 유의합니다.

<embed height="200" width="90%" src="http://www.gagalive.kr/livechat2.swf?chatroom=원하는 채팅방 이름&user=사용자 아이디"></embed>

 

프레임 사용 시 비보안 회원 연동 채팅방 만들기

 

다음과 같이 소스를 삽입하면, 사용자가 해당 사이트에 로그인을 했을 때 프레임 전환 없이 사용자 아이디로 채팅방에도 자동 로그인 하게 됩니다.

 

1.      보안 채팅방을 삽입할 프레임의 HTML에 다음 소스를 삽입합니다. 익명의 사용자가 보안 채팅방에 접속할 수 있게 됩니다.

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

2.      다른 프레임에 다음 소스를 삽입합니다.

<embed height="0" width="0"
src="http://www.gagalive.kr/livechat2_login.swf?chatroom=
원하는 채팅방 이름&user=사용자 아이디"></embed>

3.      사용자가 사이트에 로그인하면 채팅방에도 같은 아이디로 로그인 됩니다.

 

<Tip> 동시 접속자 수에 따른 동작 

하나의 채팅방에 동시 접속자가 500명 이하일 경우에는 실시간으로 접속자 목록에 접속자가 표시됩니다. 500명을 초과할 경우 접속자 목록이 생략된 간략한 채팅방 형태로 나타나며, 이 경우 “/접속자명령어로 접속자 수를 조회할 수 있습니다. 한 채팅방에 동시 접속자 최대 1,500명까지 접속 가능하며,  초과하면 자동으로 여러 채팅방으로 분산되어 새로운 접속자는 새로 생성된 방으로 접속하게 됩니다.