Chat 및 Web Widget 성능 최적화하기

connectOnPageLoad JavaScript API를 사용하여 방문자가 Web Widget과 상호작용할 때까지 Chat 연결을 지연할 수 있습니다.

이 설정을 사용하여 성능 최적화를 위해 웹사이트를 미세 조정할 수 있으며, 동시에 특정 페이지에서 모든 기능을 계속 이용할 수 있습니다.

이 문서에서 다루는 주제는 다음과 같습니다.

Web Widget-Chat 연결 이해하기
connectOnPageLoad 설정의 영향 이해하기
웹 페이지에 connectOnPageLoad 추가하기

Web Widget-Chat 연결 이해하기

위젯 스니펫이 임베드되어 있으며 Chat이 활성화되어 있는 모든 페이지의 경우, 기본적으로 페이지 로드 시 Web Widget이 Chat 서비스에 연결됩니다.

이 연결을 통해 사전대응 채팅 및 구매 전환율 추적 등의 기능을 사용할 수 있게 됩니다. 하지만 이로 인해 다음과 같이 여러 방식으로 성능에 부정적인 영향을 미칠 수 있습니다.

방문자 트래픽이 많은 경우 이러한 연결이 채팅 제품의 성능을 저하시키고 웹사이트 방문자 모니터링 시 고객의 신원 확인이 더 어렵게 됩니다.
Web Widget 성능에 영향을 미칩니다. 페이지 로드 시 Chat에 연결된다는 것은 웹 페이지에서 Web Widget과의 상호작용 전에 더 많은 자산이 전달되어야 함을 의미합니다. 이는 전체 웹 페이지 로드 속도에 영향을 미칠 수 있습니다.

connectOnPageLoad 설정의 영향 이해하기

connectOnPageLoad 설정을 사용할 때 최종 사용자 경험에 눈에 띄는 영향이 없어야 합니다. 고객이 위젯을 열 때 기껏해야 1~2초 정도의 지연이 있을 수 있습니다.

하지만 connectOnPageLoad를 사용하여 연결을 지연할 경우 구현에 앞서 몇 가지 중요한 상충관계를 고려해야 합니다.

일시connectOnPageLoad = true:

Chat 기능에는 영향을 미치지 않습니다. 마치 페이지 코드에 connectOnPageLoad 설정이 없는 것처럼 Chat 경험은 동일합니다.

일시connectOnPageLoad = false:

채팅을 시작했거나 Web Widget을 클릭한 방문자만 모니터링할 수 있게 됩니다.
Chat 서비스와의 방문자 연결에 의존하는 전환 추적, 사전대응 트리거 및 Web Widget JS API 등 일부 Chat 기능이 영향을 받을 수 있습니다.

서로 다른 구성 시나리오에서 connectOnPageLoad 사용 시 영향에 대해 자세히 알아보려면 ConnectOnPageLoad: 일반 Chat 사용 사례를 위한 구성 성공 사례를 참조하세요.

웹 페이지에 connectOnPageLoad 추가하기

임베드된 Web Widget이 있는 모든 페이지에 connectOnPageLoad를 추가할 수 있습니다. 이 설정은 다음 예에서와 같이 각 웹 페이지의 소스 코드에 추가됩니다.

<script type="text/javascript">
 window.zESettings = {
     webWidget: {
        chat: {
            connectOnPageLoad: false        
        }
    }
 };
</script>

설정에 true이든 false이든 값이 지정되어야 하며 이로써 각 페이지에서 방문자를 처리하는 방식이 결정됩니다.

connectOnPageLoad: true: 페이지 로드 시 Chat 서비스에 연결하여 해당 웹 페이지의 모든 방문자와 대화할 수 있도록 합니다.
connectOnPageLoad: false: 사용자가 위젯과 상호작용할 때 Chat 서비스에 연결하여 현재 상담원과 채팅 중이거나 채팅을 시작한 방문자에게 집중할 수 있도록 합니다.

connectOnPageLoad 사용 시 영향에 대해 자세히 알아보려면 ConnectOnPageLoad: 일반 Chat 사용 사례를 위한 구성 성공 사례를 참조하세요.

웹사이트에 connectOnPageLoad 설정을 포함하려면 다음과 같이 하세요.

웹 페이지의 소스 코드에서 Chat 위젯 코드 스니펫을 찾습니다.

소스 코드에서 위젯 코드 스니펫 위에 connectOnPageLoad 설정을 추가합니다.

<script type="text/javascript">
 window.zESettings = {
    webWidget: {
        chat: {
            connectOnPageLoad: false
        }
    }
 };
</script>

사용 사례에 따라 connectOnPageLoad의 값으로 true 또는 false를 설정합니다.
페이지를 저장하고 게시합니다.
위젯이 임베드된 웹사이트의 모든 페이지에서 이러한 단계를 반복합니다.

Web Widget-Chat 연결 이해하기

connectOnPageLoad 설정의 영향 이해하기

웹 페이지에 connectOnPageLoad 추가하기

0 댓글

관련 문서