페이지에 웹 대화 임베드

웹사이트에 웹 채팅 위젯을 추가하려면 생성된 스크립트 요소를 HTML 소스에 삽입해야 합니다.

웹 채팅 통합 기능은 모든 어시스턴트에 자동으로 포함되며, 환경별로 개별적으로 구성됩니다.

사실 기반 애플리케이션과의 웹 대화 통합에 대해서는 여기 에서 대체 방법을 참조하십시오.

웹사이트에 웹 채팅을 추가하려면:

  1. 통합 아이콘이 있는 통합 페이지 에서 웹 채팅 타일을 찾아서 열기를 클릭합니다. 웹 대화 열기 창이 열립니다.

  2. 환경 필드에서 웹 대화 위젯을 연결할 환경을 선택하십시오. 확인을 클릭하십시오.

    선택된 환경에서 웹 대화 통합에 대한 설정을 표시하는 웹 대화 페이지가 열립니다.

    미리보기 창은 웹 페이지에 웹 채팅을 삽입했을 때 어떻게 보이는지를 보여줍니다. There is an error(으)로 시작하는 메시지가 표시되면 아직 어시스턴트에 어떠한 조치도 추가하지 않은 것일 수 있습니다. 조치를 추가한 후에 미리보기 분할창에서 대화를 테스트할 수 있습니다.

  3. 임베드 탭을 클릭하십시오.

    코드 스니펫은 웹 대화 구성을 기반으로 생성됩니다. 사용자(또는 웹 개발자)는 웹 대화를 표시할 웹 페이지에 이 코드 스니펫을 추가합니다.

    이 코드 스니펫에는 HTML script 요소가 포함되어 있습니다. 이 스크립트는 IBM 사이트에서 호스트되는 JavaScript 코드를 호출하고 어시스턴트와 통신하는 위젯의 인스턴스를 작성합니다.

  4. 임베드 스크립트를 클립보드에 복사하려면 복사 아이콘 클립보드로 복사 아이콘을 클릭하십시오.

  5. 웹 대화 위젯을 표시할 웹 페이지의 HTML 소스를 편집하십시오. 코드 스니펫을 이 페이지에 붙여넣으십시오. 페이지가 더 빨리 렌더링되도록 코드를 닫기 </body> 태그에 가능한 가깝게 붙여넣으십시오.

    생성된 임베드 스크립트에서 integrationID 또는 region 특성 값을 수정하지 마십시오.

    웹 대화를 라이브 웹 사이트에 추가할 준비가 되어 있지 않으면 로컬 HTML 파일을 사용하여 빠르게 테스트할 수 있습니다. 이 HTML 코드를 테스트 페이지의 소스로 사용하십시오.

    <html>
<head></head>
<body>
    <title>My Test Page</title>
    <p>The body of my page.</p>
    <!-- copied script elements -->
    </body>
</html>

    이 코드를 확장자가 " .html "인 파일에 복사한 다음, " script " 요소를 이전 단계에서 복사한 임베드 스크립트로 대체합니다.

    임베드 스크립트 (예: integrationID serviceInstanceID) 의 ID는 시크릿으로 간주되지 않으며 웹 사이트에 대한 액세스 권한이 있는 모든 사용자에게 표시됩니다. 자세한 정보는 보안 을 참조하십시오.

  6. 웹사이트를 호스팅하는 시스템의 인터넷 액세스가 제한되어 있는 경우(예를 들어, 프록시 또는 방화벽을 사용하는 경우), 웹 채팅을 호스팅하는 URL에 액세스할 수 있는지 확인하십시오. 자세한 정보는 웹 대화 호스트에 대한 액세스 를 참조하십시오.

  7. 브라우저에서 웹 페이지(또는 로컬 테스트 파일)를 여십시오. 페이지에 웹 채팅 실행기 아이콘이 표시되어야 합니다

  8. 실행기 아이콘을 클릭하여 대화 창을 여십시오.

  9. 고객이 어시스턴트를 사용할 수 있도록 할 각 웹 페이지에 동일한 임베드 스크립트를 붙여넣으십시오.

    동일한 스크립트 태그를 웹 사이트의 원하는 페이지에 얼마든지 붙여넣을 수 있습니다. 사용자가 어시스턴트에게 도움을 요청할 수 있도록 할 모든 위치에 이를 추가하십시오. 그러나 각 페이지에서 한 번만 추가하십시오.

이제 어시스턴트를 테스트하고 고객이 보게 될 동일한 응답을 볼 수 있습니다.

그러나 웹 대화를 사용하여 프로덕션으로 이동하기 전에 사이트 및 고객의 요구에 맞게 사용자 정의할 수 있습니다. 자세한 정보는 웹 대화 개발 개요 를 참조하십시오.