통합으로 상호작용

통합을 사용하면 최종 사용자 상호작용이 자동으로 처리됩니다. 에이전트를 빌드하고 웹훅을 선택적으로 구현하고 통합을 구성하기만 하면 됩니다.

이 가이드에서는 Dialogflow CX 메신저 통합을 사용하여 에이전트에 간단한 문자 채팅 사용자 인터페이스를 제공하는 방법을 설명합니다.

시작하기 전에

통합을 사용하지 않으려는 경우에는 빠른 시작을 건너뛸 수 있습니다.

이 가이드를 읽기 전에 다음을 수행해야 합니다.

  1. 흐름 기본사항 읽기
  2. 설정 단계 수행
  3. 플로우를 사용하여 에이전트 빌드 빠른 시작 가이드의 단계를 수행합니다. 아래 단계는 동일한 에이전트에서 계속 수행됩니다. 해당 에이전트가 더 이상 없다면 에이전트를 다운로드하여 복원할 수 있습니다.

설정

Dialogflow CX 메신저 에이전트에 무단 액세스를 설정하려면 다음 안내를 따르세요.

  1. Dialogflow CX 콘솔로 이동합니다.
  2. Google Cloud 프로젝트를 선택합니다.
  3. 에이전트를 선택합니다.
  4. 관리 탭을 선택합니다.
  5. 왼쪽 사이드바 메뉴에서 통합을 클릭합니다.
  6. Dialogflow CX 메신저에서 연결을 클릭합니다.
  7. 구성 대화상자가 열립니다.
  8. 이전에 이 에이전트에 대한 통합을 설정한 경우 삽입 가능한 HTML 코드가 표시됩니다. 인증 여부와 관계없이 대화상자 하단에서 사용 중지... 버튼을 클릭하여 다음 단계에서 설정을 다시 구성할 수 있습니다.
  9. 환경을 선택합니다.
  10. 인증되지 않은 API를 선택합니다.
  11. 스타일을 선택합니다.
  12. 원하는 경우 도메인 액세스를 제한합니다.
  13. 인증되지 않은 API 사용 설정을 클릭합니다.
  14. 대화상자에 웹사이트에 삽입할 수 있는 삽입 가능한 HTML 코드가 표시됩니다. 이 코드를 복사합니다.
  15. 완료를 클릭합니다.

삽입

위에서 복사한 삽입 코드를 웹사이트의 웹페이지에 붙여넣습니다. <script> 및 <df-messenger> HTML 요소는 페이지의 <body> 요소에 있어야 합니다.

인증된 통합을 사용하는 경우 <df-messenger>의 oauth-client-id 속성을 Oauth 클라이언트 ID로 설정합니다. 도구 인증에 최종 사용자의 ID를 사용하려면 원하는 이름으로 access-token-name 속성을 설정하세요. 그런 다음 도구 인증에 값이 $session.params.ACCESS_TOKEN_NAME인 Bearer 토큰을 사용합니다.

업데이트가 필요한 다른 모든 속성을 업데이트합니다.

반응형 레이아웃을 허용하려면 <head> 요소에 다음을 추가합니다.

<meta name="viewport" content="width=device-width, initial-scale=1">

삽입된 경우 오른쪽 하단의 채팅 아이콘을 클릭하여 웹페이지를 통해 에이전트와 상호작용할 수 있습니다.

메신저 인터페이스 스크린샷

맞춤설정

이 사용자 인터페이스의 모양과 동작은 다양한 방법으로 맞춤설정할 수 있습니다. 자세한 내용은 Dialogflow CX 메신저 문서를 참조하세요.

이전
웹훅 만들기
다음
API로 상호작용