다음을 통해 공유

채팅 시작

채팅을 시작하려면 다음 단계를 따르세요.

  1. 라이브 채팅에서 발생한 lcw:ready 이벤트를 수신하여 라이브 채팅 SDK 메서드 사용을 시작합니다. 라이브 채팅 메서드는 lcw:ready 이벤트가 발생한 후에 호출해야 합니다. window 개체에 고유한 이벤트 수신기를 추가하여 이 이벤트를 수신할 수 있습니다.

  2. lcw:ready 이벤트가 발생한 후 startChat 메서드를 호출하여 채팅을 시작합니다.

    채팅을 시작할 때 고객을 인증하려면 인증 토큰 보내기를 참조하세요.

    조직의 다양한 고객 시나리오에 따라 사전에 채팅을 시작하려면 사 전에 채팅 시작을 참조하세요.

샘플 코드

window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
	// Handle LiveChat SDK ready event
	// SDK methods are ready for use now
	// Initiate a chat using startChat SDK
	Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
});

window.addEventListener("lcw:error", function handleLivechatErrorEvent(errorEvent){
	// Handle LiveChat error event
	console.log(errorEvent);
});

고객이 포털 페이지에 있고 고객이 페이지에서 일정 시간을 보낸 후 채팅을 시작하려는 시나리오를 생각해 보십시오. 지정된 시간이 경과한 후 프로그래밍 방식으로 채팅 위젯을 열 수 있습니다.

다음 샘플 코드는 고객이 5분 동안 기다린 후 채팅을 시작하는 방법을 보여줍니다.

window.addEventListener("lcw:ready", function handleLivechatReadyEvent(){
    // Open chat widget proactively after customer has been waiting for 5 minutes
    setTimeout(function startProactiveChat() {
        Microsoft.Omnichannel.LiveChatWidget.SDK.startChat();
    }, 300000);
});

사용자 지정 채팅 버튼 사용

기본 채팅 버튼 대신 사용자 지정 채팅 버튼을 사용하려면 위젯 스니펫에 속성을 data-hide-chat-button 추가하고 해당 값을 true로 설정합니다. 사용자 지정 UI 구성 요소를 클릭할 때 startChat 메서드를 호출하여 채팅을 시작합니다.

표준 채팅 단추를 숨기는 샘플 코드 조각

<script id="Microsoft_Omnichannel_LCWidget" src="<valid-src>" data-app-id="<valid-app-id>" data-org-id="<valid-org-id>" data-org-url="<valid-org-url>" data-hide-chat-button="true"></script>

시작채팅
라이브 채팅 SDK에 대한 JavaScript API 참조
채팅 위젯 사용자 지정
적극적으로 채팅 시작

  • Last updated on