가이아 챗봇 위젯
개요
이 가이아 챗봇 위젯은 모든 웹 페이지에 AI 기반 채팅 인터페이스를 임베드하기 위한 가볍고 사용자 정의 가능한 솔루션입니다. 사용자가 AI 어시스턴트와 소통할 수 있는 대화형 방식을 제공하여 사용자 경험을 개선하고 즉각적인 지원이나 정보를 제공할 수 있습니다.
정보
이 예제를 설정하고 실행하기 위한 전체 소스 코드와 자세한 지침은 가이아 쿡북 리포지토리에서 확인할 수 있습니다.
특징
- 모든 HTML 페이지에 쉽게 삽입
- 웹사이트 디자인에 맞게 사용자 지정 가능한 모양
- 응답에서 마크다운 및 코드 서식 지정 지원
- 데스크톱 및 모바일 디바이스를 위한 반응형 디자인
- 구성 가능한 챗봇 동작 및 모양
설치
- HTML 파일에 챗봇 스크립트를 포함하세요:
<script src="https://cdn.jsdelivr.net/gh/harishkotra/embeddadble-chatbot-ui@refs/heads/main/chatbot-widget.js"></script>
- 페이지에 구성 개체를 추가합니다:
<script>
window.CHATBOT_CONFIG = {
apiKey: "YOUR_API_KEY",
apiUrl: "https://YOUR_NODE_ID.gaia.domains/v1/chat/completions",
botTitle: "AI Assistant",
welcomeMessage: "Hello! How can I assist you today?",
placeholderText: "Type your message here...",
brandColor: "#000000",
chatHeaderBackground: "#ffffff",
chatHeaderTextColor: "#000000",
chatBubbleBackgroundUser: "#000000",
chatBubbleTextColorUser: "#ffffff",
chatBubbleBackgroundBot: "#f2f2f2",
chatBubbleTextColorBot: "#000000",
systemMessage: "You are a helpful assistant.",
maxResponseTokens: 1000,
temperatureValue: 0.7,
suggestedQuestions: [
"What services do you offer?",
"How can I contact support?",
"Tell me about your company"
]
};
</script>
- 챗봇 위젯이 자동으로 초기화되어 페이지에 표시됩니다.
구성 옵션
| 옵션 | 유형 | 설명 | 기본값 |
|---|---|---|---|
apiKey | 문자열 | 인증을 위한 API 키 | 필수 |
apiUrl | 문자열 | 채팅 완료 API의 엔드포인트 URL | 필수 |
봇 제목 | 문자열 | 채팅 헤더에 표시되는 제목 | "AI 어시스턴트" |
welcomeMessage | 문자열 | 봇이 표시하는 초기 메시지 | "안녕하세요! 오늘은 무엇을 도와드릴까요?" |
플레이스홀더 텍스트 | 문자열 | 입력 필드에 대한 플레이스홀더 텍스트 | "여기에 메시지를 입력하세요..." |
브랜드 색상 | 문자열 | 챗봇의 기본 색상(HEX) | "#000000" |
채팅헤더배경 | 문자열 | 채팅 헤더의 배경색(HEX) | "#ffffff" |
채팅헤더 텍스트 색상 | 문자열 | 채팅 헤더의 텍스트 색상(HEX) | "#000000" |
채팅버블배경사용자 | 문자열 | 사용자 메시지 풍선의 배경색(HEX) | "#000000" |
채팅버블 텍스트 색상 사용자 | 문자열 | 사용자 메시지 풍선의 텍스트 색상(HEX) | "#ffffff" |
채팅버블배경봇 | 문자열 | 봇 메시지 풍선의 배경색(HEX) | "#f2f2f2" |
채팅 버블 텍스트 색상 봇 | 문자열 | 봇 메시지 풍선의 텍스트 색상(HEX) | "#000000" |
시스템 메시지 | 문자열 | 봇의 동작을 설정하는 초기 시스템 메시지 | "당신은 도움이 되는 조수입니다." |
최대 응답 토큰 | 번호 | 봇의 응답에 포함된 최대 토큰 수 | 1000 |
온도 값 | 번호 | 봇 응답의 무작위성(0-1) | 0.7 |
제안된 질문 | 배열 | 표시할 추천 질문 목록 | [] |
브라우저 호환성
이 위젯은 크롬, 파이어폭스, 사파리, 엣지 등 최신 브라우저와 호환됩니다. Internet Explorer는 지원되지 않습니다.
정보
이 예제를 설정하고 실행하기 위한 전체 소스 코드와 자세한 지침은 가이아 쿡북 리포지토리에서 확인할 수 있습니다.