Unterstützung von Kunden mit Journeys
Betaversion
Eine Journey ist eine interaktive Antwort, die Sie verwenden können, um Ihre Kunden durch eine komplexe Aufgabe zu führen oder ihnen eine Tour zu neuen Funktionen zu geben, die die von Ihrer Website bereits unterstützten Funktionen nutzen. Eine Reise ist eine mehrteilige Antwort, die Text, Video und Bilder in der Reihenfolge dargestellt kombinieren kann.
Dieses Beta-Feature ist nur zu Bewertungs-und Testzwecken verfügbar. Journeys erfordern Web-Chat-Version 6.9.0 oder höher.
Wenn der Kunde eine Reise startet, wird das Chatfenster vorübergehend geschlossen. Die Web-Chat-Integration stellt dann die Journey-Elemente Schritt für Schritt in einem kleinen Fenster dar, das Ihre Website überlagert, sodass Ihre Kunden die Website navigieren und verwenden können, während sie die Journey durchlaufen. Der Kunde kann jederzeit während der Reise frei zum Chatfenster des Assistenten zurückkehren und dann die Reise fortsetzen.

Sie können eine Journey in Situationen wie den folgenden Beispielen verwenden:
-
Integrieren Sie neue Kunden in Ihr Produkt oder Ihre Website und zeigen Sie ihnen, wo alles ist
-
Bereitstellung einer schrittweisen Anleitung für Kunden für eine komplexe Aufgabe, wie z. B. das Einreichen einer Schadensmeldung oder das Erstellen eines Kontos
-
Förderung von Verkaufschancen in Ihrem Produkt, um Benutzer während bestimmter Marketingchancen anzusprechen, wie z. B. das Angebot eines neuen Prämienprogramms für Kunden, die über Ausgaben besorgt sind
Weitere Informationen zur Entscheidung, wann und wie Sie Journeys nutzen, finden Sie im Best Practices Guide.
Journey erstellen
Eine Journey wird mit dem Antworttyp user_defined definiert, der ausschließlich im JSON-Editor verfügbar ist. (Weitere Informationen finden Sie unter "Antworten mit dem JSON-Editor definieren ".) Um eine Reise zu erstellen, befolgen Sie diese Schritte:
-
Erstellen oder bearbeiten Sie im Aktionseditor den Schritt, von dem aus Sie die Reise starten möchten.
-
Klicken Sie zum Öffnen des JSON-Editors auf das Symbol Zu JSON-Editor wechseln
. -
Erstellen Sie im Array
genericeineuser_defined-Antwort. (Weitere Informationen finden Sie unter "Antworten mit dem JSON-Editor definieren ".)Eine Reise wird mit der folgenden Struktur definiert:
"user_defined": { "user_defined_type": "IBM_BETA_JOURNEYS_TOUR", "skip_card": true|false, "card_title": "{title}", "card_description": "{description}", "steps": [ ... ] }Dabei gilt:
user_defined_type-
Der spezifische Typ der benutzerdefinierten Antwort, die Sie definieren. Wenn Sie eine Reise definieren möchten, setzen Sie diese Eigenschaft immer auf
IBM_BETA_JOURNEYS_TOUR. skip_card-
Eine optionale Eigenschaft, die angibt, ob der Web-Chat die Reise sofort starten soll, ohne darauf zu warten, dass der Kunde auf die Einführungskarte im Web-Chat-Fenster klickt. (Der Standardwert ist
false.)You can use this option to start a journey directly from your website, even if the web chat is not open. For more information, see Starting a journey without opening the web chat.
card_title-
Der Titel, der auf der Einführungskarte angezeigt werden soll, die im Web-Chat angezeigt wird, wenn eine Journey verfügbar ist (z. B.
Website touroderDisputing a charge) card_description-
Die Beschreibung, die auf der Einführungskarte angezeigt werden soll. Beschreiben Sie die Customer Journey, damit Ihre Kunden entscheiden können, ob sie sie öffnen möchten.
steps-
Ein Array von Antworten, die die Schritte in der Journey definieren
Schritte definieren
Jeder Schritt in einer Journey ist als JSON-Objekt definiert, das eine Antwort beschreibt, die dem Kunden angezeigt werden soll. Das Format ähnelt dem Format, in dem Sie Assistentenantworten direkt im Array generic definieren.
Schritte in einer Journey werden dem Kunden einzeln in der Reihenfolge angezeigt, in der Sie sie im Array steps auflisten.
Wie bei Assistentenantworten gibt die Eigenschaft response_type den Antworttyp an:
text-
Ein Schritt, der nur Text anzeigt.
{ "response_type": "text", "text": "This is the text of the response." }Die Markdown-Formatierung und -Links werden in
text-Schritten unterstützt. Weitere Informationen finden Sie unter Markdown-Formatierung.Beachten Sie, dass sich die Struktur eines
text-Schritts in einer Journey vom Antworttyptextfür Assistentenantworten unterscheidet. Anstelle eines Arrays von Textwerten wird nur eine einzelnetext-Komponente unterstützt. image-
Ein Schritt, der ein Bild zusammen mit einer optionalen Beschreibung anzeigt.
{ "response_type": "image", "source": "https://example.com/image.png", "description": "This is the description of the image." }Die
source-Eigenschaft muss diehttps:URL eines öffentlich zugänglichen Bildes sein. Das angegebene Bild muss im Format.jpg,.gifoder.pngvorliegen. video-
Ein Schritt, der ein Video zusammen mit einer optionalen Beschreibung anzeigt.
{ "response_type": "video", "source": "https://example.com/videos/example-video.mp4", "description": "This is the description of the video." }Mit der Eigenschaft
sourcekann eine der folgenden URLs angegeben werden:-
Die URL einer Videodatei in einem Standardformat wie MPEG oder AVI. Im Web-Chat wird das verlinkte Video in einem integrierten Videoplayer wiedergegeben.
HLS (
.m3u8) und DASH (MPD) Streaming-Videos werden nicht unterstützt. -
Die URL eines Videos, das in einem unterstützten Video-Hosting-Service gehostet wird. Im Web-Chat wird das verlinkte Video unter Verwendung des integrierbaren Players für den Hosting-Service wiedergegeben.
Geben Sie die URL an, die Sie zum Anzeigen des Videos in Ihrem Browser verwenden würden (z. B.
https://www.youtube.com/watch?v=52bpMKVigGU). Sie müssen die URL nicht in ein einbettbares Format konvertieren. Der Web-Chat führt dies automatisch durch.Sie können Videos einbetten, die auf den folgenden Services gehostet werden:
- YouTube
- Vimeo
- Twitch
- Zum Streamen geeignet
- Wistia
- Vidyard
-
Beispiel
Das folgende Beispiel definiert eine Reise, die Benutzern zeigt, wie sie eine Gebühr anzweifeln können, indem sie eine Kombination aus Text-, Bild-und Videoantworten verwenden.
{
"generic": [
{
"response_type": "user_defined",
"user_defined": {
"card_title": "Let’s dispute a charge!",
"card_description": "Follow along with this guided journey to learn how to find and dispute charges.",
"user_defined_type": "IBM_BETA_JOURNEYS_TOUR",
"steps": [
{
"response_type": "text",
"text": "Charges are listed on the Transactions page. **Click your profile photo** in the top right corner of your screen, and then **click Transactions** from the menu."
},
{
"response_type": "text",
"text": "Here you can view your charges.\n **Scroll through the Transactions page and review your charges.** Each charge contains a merchant name, transaction date, and amount charged."
},
{
"response_type": "image",
"source": "https://example.com/image.png",
"alt_text": "Image showing location of Dispute option",
"description": "The option to Dispute is marked in red on the right hand side of each row in the Transactions table. Just click here to file a dispute."
},
{
"response_type": "video",
"source": "https://vimeo.com/769580398",
"description": "Watch this short video to learn what to expect now that you’ve filed a dispute."
}
]
}
}
]
}
Reise starten, ohne den Web-Chat zu öffnen
Obwohl Journeys Teil der Web-Chat-Integration sind, können Sie es Ihren Kunden ermöglichen, eine Journey direkt von Ihrer Website aus zu starten, ohne das Web-Chat-Fenster zu öffnen. Sie können beispielsweise eine Schaltfläche Show me auf Ihrer Website einfügen, auf die Kunden klicken können, um eine interaktive Tour der Seite zu starten.
So starten Sie eine Reise, ohne den Web-Chat zu öffnen:
-
Bearbeiten Sie in der Aktion, die die Journey-Antwort sendet, die JSON-Datei, die die Journey definiert. Schließen Sie
"skip_card": trueein, um die Einführungskarte zu umgehen. -
Verwenden Sie auf Ihrer Website die Instanzmethode
send(), um eine Nachricht an den Assistenten zu senden, die die Aktion auslöst, mit der die Journey gestartet wird (z. B.Give me a tour). Senden Sie die Nachricht als Reaktion auf das Ereignis, das Sie zum Auslösen der Journey verwenden möchten (z. B. durch Klicken auf eine Schaltfläche oder Laden einer Seite).
Ihre Kunden können die interaktive Reise jetzt direkt von Ihrer Website aus starten, ohne zuerst den Web-Chat öffnen zu müssen. (Wenn das Web-Chat-Fenster später geöffnet wird, wird die Einführungskarte für die Reise im Chatverlauf angezeigt.)
Einschränkungen
Dieses Beta-Feature weist derzeit die folgenden Einschränkungen auf:
-
Das Vorschaufenster unterstützt keine Journeys. Wenn Sie eine Vorschau einer Reise anzeigen möchten, verwenden Sie den gemeinsam nutzbaren Vorschaulink. Weitere Informationen zum Vorschaulink finden Sie unter Link zum Teilen kopieren.
-
Journey verwenden die Methode
view:changeevent oderchangeViewund funktionieren nicht mit denwindow:open-oderwindow:close-Ereignissen oder denopenWindow-,closeWindow-undtoggleOpen-Instanzmethoden. -
Wenn der Kunde eine Reise startet, wird das Web-Chat-Fenster geschlossen. Wenn Sie das Ereignis
view:changeverwenden, um die Anzeige eines Post-Chat-Formulars auszulösen, sollte Ihr Code den Wert des neuen Parametersevent.reasonoderevent.newViewState.tourüberprüfen, um zu entscheiden, ob das Anzeigen des Formulars geeignet ist.