모바일 앱용 프레디 셀프 서비스

수정일 일요일, 9 3월 시간: 2:29 PM

웹뷰를 사용하여 모바일 앱에 봇을 임베드할 수 있습니다. WebView는 기본 모바일 애플리케이션 내에 임베드할 수 있는 브라우저입니다. 앱이라고도 하는 네이티브 모바일 애플리케이션은 특정 플랫폼(Android, iOS)을 위해 특별히 설계된 언어와 UI 프레임워크로 작성됩니다. WebView는 앱에서 iframe처럼 실행되는 브라우저 엔진입니다. 앱은 WebView를 사용하여 최종 사용자에게 웹사이트를 제공합니다.

웹뷰는 각 모바일 플랫폼에 맞게 특별히 생성해야 합니다. 특정 플랫폼에 대해 다음 지침을 사용하여 웹뷰를 만들 수 있습니다:

WebView (Android) 또는
UIWebView (iOS)

웹뷰로 봇을 로드할 때 웹 브라우저 위젯에 대한 모든 사용자 지정도 웹뷰에서 적용할 수 있습니다. 다음은 모바일 앱에서 봇 위젯을 사용하는 동안 원활한 고객 경험을 제공하기 위해 적용할 수 있는 몇 가지 사용자 지정 사항입니다.

위젯을 확장하려면 다음 스크립트를 사용할 수 있습니다. 코드에서 클라이언트 해시와 봇 해시를 반드시 바꿔주세요.

<script>
(function(d, w, c) {
    if (!d.getElementById("spd-busns-spt")) { {
        var n = d.getElementsByTagName('script')[0],
            s = d.createElement('script');
        var loaded = false;
        s.id = "spd-busns-spt";
        s.async = "async";
        s.setAttribute("data-self-init", "false");
        s.setAttribute("data-init-type", "opt");
        s.src = 'https://cdn.in-freshbots.ai/assets/share/js/freshbots.min.js';
        s.setAttribute("data-client", "< 클라이언트 - 해시 >");
        s.setAttribute("data-bot-hash", "< 봇 - 해시 > ");
        s.setAttribute("데이터 - 환경 ", "프로드 ");
        s.setAttribute("데이터 - 지역 ", " in ");
        if (c) {
            s.onreadystatechange = s.onload = function() {
                if (!loaded) {
                    c();
                }
                loaded = true;
            };
        }
        n.parentNode.insertBefore(s, n);
    }
})(document, window, function() {
    Freshbots.initiateWidget({
        autoInitChat: false,
        getClientParams: function() {
            return {};
        }
    }, function(successResponse) {
        Freshbots.showWidget(true);
//이 코드 줄은 고객이 페이지에 방문했을 때 위젯을 계속 열어둡니다
 
    }, function(errorResponse) {});
}); < /script>

웹뷰의 다른 사용자 지정 가능한 파라미터로는 이 세 가지 값 중 하나로 설정할 수 있는 data-init-type 파라미터가 있습니다. 이들은 다음과 같습니다

normal | s.setAttribute("data-init-type", "normal");
일반으로 설정하면 성능 최적화 없이 코드가 초기화되고 실행됩니다.
opt | s.setAttribute("data-init-type", "opt");
변수 값을 opt로 설정하면 사용 가능한 모든 성능 최적화 기술을 사용하여 코드를 초기화 및 실행합니다.
delayed | s.setAttribute("data-init-type", "delayed");
변수 값을 지연됨으로 설정하면 채팅을 초기화하지 않고 코드를 초기화 및 실행하며 위젯을 숨깁니다.

주: data-init-type을 지연된 것으로 사용하려면 매개 변수 data-self-init을 false로 설정해야 합니다.

지연 매개변수는 고객이 특정 작업을 수행한 후에 채팅 위젯을 표시하여 초기 페이지나 웹뷰에서 코드가 실행될 수 있도록 하려는 경우에 이상적입니다.

다음 함수를 호출하여 채팅 초기화 및 위젯 표시

Freshbots.initiateChat();
Freshbots.showWidget(true); 최대화된 위젯 또는 Freshbots의 경우.showWidget(false); 최소화한 위젯

봇 위젯에서 헤더 제거하기

내비게이션 바에서 위젯 사용자 지정을 클릭하고 사용자 지정 CSS 적용을 클릭한 다음 다음 CSS 코드를 적용하여 헤더를 제거합니다.
```
.chat - head {
 visibility: hidden!중요;
}
```
헤더를 제거한 후에는 앱 화면에 뒤로 가기 버튼을 제공하여 Freshbots를 호출할 수 있습니다.hideWidget(true); 함수. 이 함수는 봇 위젯을 숨기고 고객을 모바일 앱으로 다시 이동시킵니다.
헤더를 유지하려는 경우 CSS를 사용하여 최소화 아이콘을 숨길 수 있습니다. 이렇게 하면 채팅 위젯이 최소화되지 않고 모바일 앱 환경에서 채팅 풍선이 표시되지 않습니다.

더 나은 맥락을 위해 데이터 미리 채우기

사용자 지정 파라미터 및 사용자 지정 JS 함수를 사용하여 봇을 미리 채워 고객에게 더 나은 환경을 만들 수도 있습니다. 예를 들어 봇이 로드되기 전에 이메일 주소나 전화번호와 같은 세부 정보를 미리 입력하여 고객이 개인화된 경험을 즐길 수 있도록 할 수 있습니다.

주: 프레디 셀프 서비스 봇은 기본적으로 SDK 지원을 제공하지 않습니다. 그러나 SDK를 사용하여 봇을 배포하려는 경우 Freshchat과의 Freddy 연동을 고려한 후 Freshchat SDK를 사용할 수 있습니다.

더 궁금한 점이 있으면 [email protected] 으로 보내주시기 바랍니다. 기꺼이 도와드리겠습니다.

모바일 앱용 프레디 셀프 서비스

웹뷰가 트리거되면 위젯 확장

다음 함수를 호출하여 채팅 초기화 및 위젯 표시

봇 위젯에서 헤더 제거하기

더 나은 맥락을 위해 데이터 미리 채우기