Container V2

컨테이너 V2는 초기 컨테이너에서 크게 개선되었으며 최신 기능과 변경사항이 계속 적용될 예정입니다. 가장 효과적인 제안과 주요 도구를 상담사가 항상 이용할 수 있도록 버전 2에서는 동적 패널과 통합된 제안 피드가 있는 반응형 디스플레이를 사용합니다.

사용

다음 코드를 사용하여 HTML 페이지에서 모듈을 가져옵니다.

<script src="https://www.gstatic.com/agent-assist-ui-modules/v2/container.js"></script>

다음 태그를 사용하여 모듈을 삽입합니다.

<agent-assist-ui-modules-v2>

UI 모듈 커넥터

V1과 달리 V2에서는 UI 모듈 커넥터를 별도로 초기화해야 합니다. 커넥터를 컨테이너에서 분리하면 통합 유연성이 향상됩니다. 설정은 UI 모듈 커넥터를 참고하세요. V1 컨테이너의 많은 속성은 UI 모듈 커넥터에만 적용됩니다.

현지화

V2 컨테이너는 현지화된 언어를 지원합니다. 특정 언어로 컨테이너를 로드하려면 스크립트 경로 앞에 언어 코드를 추가합니다.

일본어 예:

<script src="https://www.gstatic.com/agent-assist-ui-modules/ja/v2/container.js"></script>

언어가 지정되지 않으면 컨테이너는 루트 경로(html <script src="https://www.gstatic.com/agent-assist-ui-modules/v2/container.js"></script>)에서 로드된 영어(en)를 기본값으로 사용합니다.

지원되는 언어:

• 아랍어(ar)
• 중국어 (간체) (zh_cn)
• 크로아티아어(hr)
• 영어 (오스트레일리아) (en_au)
• 영어 (캐나다) (en_ca)
• 영어 (영국) (en_gb)
• 필리핀어(fil)
• 프랑스어(fr)
• 프랑스어 (캐나다) (fr_ca)
• 독일어(de)
• 힌디어(hi)
• 헝가리어(hu)
• 이탈리아어(it)
• 일본어(ja)
• 한국어(ko)
• 말레이어 (ms)
• 노르웨이어(no)
• 폴란드어(pl)
• 포르투갈어(브라질)(pt_br)
• 루마니아어(ro)
• 러시아어(ru)
• 스페인어(es)
• 스웨덴어(sv)
• 태국어(th)
• 터키어(tr)
• 베트남어(vi)

속성

속성은 HTML에서 설정하거나 JavaScript에서 setAttribute()를 사용하여 설정할 수 있는 문자열 기반 구성요소 속성입니다.

속성 이름	유형	댓글
특징	문자열	렌더링할 Agent Assist 추천 기능 키의 쉼표로 구분된 목록입니다. 지원되는 목록: AGENT_COACHING, CONVERSATION_SUMMARIZATION, SMART_REPLY, KNOWLEDGE_SEARCH, PROACTIVE_GENERATIVE_KNOWLEDGE_ASSIST use-configured-features이 true로 설정된 경우 무시됩니다.
use-configured-features	BooleanString	features에 하드 코딩하는 대신 대화 프로필에 구성된 추천 기능을 동적으로 로드할지 여부입니다. 기본값은 "false"입니다.
disabled-features	문자열	use-configured-features이 "true"인 경우 제외할 추천 기능의 쉼표로 구분된 목록입니다. 예를 들면 "SMART_REPLY,CONVERSATION_SUMMARIZATION"입니다.
session-id	문자열	생성형 지식 지원과 같은 비대화형 사용을 위한 선택적 세션 ID입니다.
show-header	BooleanString	Agent Assist 브랜딩 헤더를 표시할지 여부입니다. 기본값은 "false"입니다.
show-dark-mode-toggle	BooleanString	어두운 모드와 밝은 모드 간 전환을 표시할지 여부입니다. 기본값은 "true"입니다.
네임스페이스	문자열	선택적 네임스페이스 한도입니다. 단일 페이지에 여러 UI 모듈 인스턴스를 구현하는 경우에만 필요합니다.
handoff-summarization-enabled	BooleanString	기존 대화가 초기화될 때 대화 요약을 자동으로 트리거할지 여부입니다. 기본값은 "false"입니다.

입력

입력은 JavaScript 객체 또는 요소 인스턴스에 직접 할당해야 하는 기타 복잡한 속성 유형입니다.

const el = document.querySelector('agent-assist-ui-modules-v2');
el.propertyName = value;

속성 이름	유형	댓글
knowledgeAssistCardConfig	KnowledgeAssistV2Config	답변 복사/붙여넣기, 문서 링크 타겟 맞춤설정 등 생성형 지식 지원 카드에 대한 선택적 구성입니다.

유형

구성요소에서 사용되는 맞춤 유형은 다음 섹션을 참고하세요.

BooleanString

"true" | "false"

KnowledgeAssistV2Config

interface KnowledgeAssistV2Config {
  /** Configuration for how suggested article links are opened. */
  articleLinkConfig?: {
    /** Whether to open the article in a new tab or in a popup window. Defaults to 'blank' (new tab). */
    target?: "blank" | "popup";
    /** Options to configure the popup's size and location. */
    popupWindowOptions?: string;
    /** The field name on the document metadata if a separate article link source is provided. */
    linkMetadataKey?: string;
  };
  /** Whether to show the Copy Answer button on suggestions. */
  showCopyAnswer: boolean;
  /** Whether to show the Paste Answer button on suggestions. */
  showPasteAnswer: boolean;
}