문서 홈

채널

Web 위젯 임베드

FlexyAgents 위젯을 사이트에 설치: script 태그, 구성, 도메인, CSP 헤더, 성능.

embedjavascriptwidgetchat

Web 위젯은 기본 고객 진입점입니다 — 런처와 채팅 패널이 에이전트 ID 및 통합 키로 FlexyAgents를 호출합니다.

First Paint를 빠르게 하려면 snippet을 body 끝 근처에 배치하세요. 비핵심 분석은 상호작용 후 지연시키세요.

임베드 snippet 및 키

대시보드 배포 섹션에서 snippet을 복사하세요. 환경 호스트와 공개 통합 키를 참조합니다. 실수로 노출된 경우 키를 로테이션하세요.

SPA에서는 프레임워크 라우팅 전략에 따라 script가 한 번만 초기화되는지 확인하세요.

CSP 및 서드파티 script

Content-Security-Policy를 업데이트하여 FlexyAgents script와 chat API / WebSocket용 connect-src 엔드포인트를 허용하세요.

조용한 차단을 피하려면 프로덕션과 동일한 CSP로 스테이징을 테스트하세요.

성능

LCP에 민감한 페이지에서는 첫 상호작용 시 lazy load하세요 — 발견성과의 균형을 맞추세요.

통합 후 Core Web Vitals를 모니터링하세요. 호스트 페이지의 큰 폰트는 호스트와 iframe 서피스 모두에 영향을 줍니다.

스택 위에 구축

근거 있는 어시스턴트를 출시할 준비가 되셨나요?

체험판을 시작하거나, 롤아웃, 거버넌스, 엔터프라이즈 요건에 대해 상담하세요.