ProsodyProsody
Web Widget

웹 위젯 설치

콘솔에서 만든 에이전트를 사이트 우하단 위젯으로 붙이는 방식입니다. 브라우저에는 공개 식별자만 두고, 민감한 API Key는 서버에서만 사용합니다.

위젯 설정 열기API Key 확인

허용 도메인

위젯을 띄울 도메인을 콘솔에서 제한합니다.

서버 프록시

비공개 키는 내 서버에서만 Prosody 호출에 사용합니다.

이벤트

열림, 닫힘, 상담원 연결, 도구 호출 이벤트를 구독합니다.

설치 코드

콘솔의 웹 위젯 화면에서 발급된 agent id와 public key를 사용합니다.

<script
  src="https://console.humelo.com/agent-widget.js"
  data-agent-id="agent_123"
  data-public-key="pk_live_public_xxx"
  data-theme="light"
  async
></script>

클라이언트 이벤트

window.ProsodyAgent?.open?.();

window.ProsodyAgent?.on?.("handoff.created", (event) => {
  console.log(event.conversationId);
});

window.ProsodyAgent?.on?.("conversation.closed", (event) => {
  console.log(event.reason);
});