Amazon Connect에서 사용자 지정 가능한 지원되는 위젯 스니펫 필드
다음 테이블에는 사용자 지정할 수 있는 커뮤니케이션 위젯 스니펫 필드가 나열되어 있습니다. 테이블 다음의 예시 코드는 스니펫 필드를 사용하는 방법을 보여줍니다.
스니펫 필드 | 유형 | 설명 | 추가 설명서 |
---|---|---|---|
|
String |
필수, 자동 생성 |
해당 사항 없음 |
|
String |
필수, 자동 생성 |
해당 사항 없음 |
|
배열 |
필수, 자동 생성 |
해당 사항 없음 |
|
객체 |
웹사이트가 렌더링되고 호스팅된 위젯 아이콘을 실행하는 방식을 사용자 지정 |
이 주제의 후반부에 나오는 Amazon Connect에서 호스팅되는 웹 사이트의 위젯 시작 동작 및 버튼 아이콘 사용자 지정 |
|
함수 |
웹 사이트에서 JWT 보안을 활성화하는 콜백 함수 |
이 섹션의 전반부에 나오는 2단계: 커뮤니케이션 위젯을 표시할 웹 사이트 도메인 지정 |
|
함수 |
연락을 초기화할 때 고객 표시 이름 전달 |
이 섹션의 후반부에 나오는 Amazon Connect 채팅이 시작될 때 고객 표시 이름 전달 |
|
객체 |
기본 CSS 스타일 재정의 |
이 섹션의 후반부에 나오는 Amazon Connect에서 사용자 지정 속성을 전달하여 커뮤니케이션 위젯의 기본값 재정의 |
|
숫자 |
새로 시작된 채팅 세션의 총 시간 |
기본값: 1,500 - 최소: 60, 최대: 10080 |
|
불 |
디버깅 로그 활성화 |
기본값: false |
|
String |
Connect는 지원되는 ISO-639 형식 언어 코드에 대한 번역을 수행할 수 있습니다. 자세한 내용은 https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes |
기본값: en_US. 지원: 'de_DE', 'en_US', 'es_ES', 'fr_FR', 'id_ID', 'it_IT', 'ja_JP', 'ko_KR', 'pt_BR', 'zh_CN' |
|
String |
iframe과 고객 웹 사이트 csp 정책 간의 핸드셰이크 값. 예: 고객 csp는 1234 논스 값을 허용합니다. iframe 상위 사이트에서 신뢰할 수 있는 스크립트임을 브라우저가 알 수 있도록 다른 스크립트를 가져오는 iframe의 경우 동일한 1234 논스 값을 가져야 합니다. |
기본값: 미정 |
|
객체 |
위젯 레이아웃 및 트랜스크립트 사용자 지정 |
자세한 내용은 이 섹션 후반부의 Amazon Connect 채팅 위젯에 대한 추가 채팅 사용자 지정 섹션을 참조하세요. |
|
객체 |
JWT 설정 없이 스니펫 코드에서 직접 고객 응대 흐름에 속성 전달 |
자세한 내용은 채팅이 개시될 때 고객 응대 속성 전달을 참조하세요. |
|
객체 |
Amazon Connect 관리 웹 사이트에서 설정된 시스템 또는 봇 표시 이름 및 로고 구성을 재정의합니다. |
자세한 내용은 재정의 시스템 및 봇 디스플레이 이름과 커뮤니케이션 위젯의 로고를 전달하는 방법을 참조하세요. |
|
함수 |
contactId 액세스하기 위한 콜백 함수입니다. 예를 들어 브라우저 탭이 닫힐 때 contactId로 StopContact 함수를 호출하거나 이전 contactId로 채팅 지속성을 유지하는 등의 시나리오를 처리하려면 이벤트 리스너를 추가합니다. |
자세한 내용은 ‘contactMetadataHandler’를 사용한 영구 채팅 데모 |
|
객체 |
이렇게 하면 노출된 수명 주기 이벤트에 대한 콜백을 실행할 수 있습니다. |
노출된 이벤트는 |
|
String |
새로 생성된 채팅으로 보낼 메시지입니다. 길이 제한: 최소 길이 1, 최대 길이 1,024 |
초기 메시지를 사용하여 고객 응대 흐름에 구성된 Lex 봇을 호출하려면 메시지로 봇 초기화 옵션을 선택하여 고객 입력 흐름 가져오기 블록을 수정합니다. 자세한 내용은 고객 입력 흐름 가져오기 블록 구성 방법을 참조하세요. |
다음 예시는 웹 사이트에 채팅 위젯을 추가하는 HTML 스크립트에 스니펫 필드를 추가하는 방법을 보여줍니다.
(function(w, d, x, id){ /* ... */ })(window, document, 'amazon_connect', '
widgetId
'); amazon_connect('snippetId', 'snippetId
'); amazon_connect('styles', /* ... */); amazon_connect('registerCallback', { 'event_Name_1
' :callback(function)
, 'event_Name_2
' :callback(function)
, ... }); amazon_connect('initialMessage', 'Your initial message string
'); // ... amazon_connect('snippetFieldHere
', /* ... */); <script/>