Journey による顧客のガイド
ベータ
Journey は、複雑なタスクを通じて顧客をガイドしたり、Web サイトが既にサポートしている機能を利用して新機能のツアーを顧客に提供したりするために使用できる対話式応答です。 Journey は、テキスト、ビデオ、およびイメージを順番に結合できるマルチパート応答です。
このベータ機能は、評価とテストの目的でのみ使用できます。 Journey には、Web チャット・バージョン 6.9.0 以降が必要です。
お客様がジャーニーを開始すると、チャット・ウィンドウが一時的に閉じます。 Web チャット統合は、Web サイト上に重ね合わせられた小さなウィンドウで一度に 1 ステップずつ Journey 要素を表示します。これにより、顧客は Web サイトをナビゲートして、ジャーニーをステップスルーする際にその Web サイトを使用することができます。 ジャーニー中はいつでも、お客様はアシスタント・チャット・ウィンドウに自由に戻り、ジャーニーを再開できます。
以下の例のような状況では、ジャーニーを使用できます。
-
製品または Web サイトへの新規顧客のオンボーディングと、すべての場所の表示
-
請求書の提出やアカウントの作成など、複雑なタスクに関するステップバイステップのガイダンスをお客様に提供する
-
特定のマーケティング機会にユーザーをターゲットにするための製品の販売機会の促進 (例えば、費用について懸念している顧客に新しい報奨金プログラムを提供するなど)
Journey を使用するタイミングと方法の決定について詳しくは、 ベスト・プラクティス・ガイドを参照してください。
ジャーニーの作成
Journey は、JSON エディターでのみ使用可能な user_defined
応答タイプを使用して定義されます。 (詳細については 、「JSON エディタを使用したレスポンスの定義 」を参照してください。) 旅を作成するには、以下の手順に従います
-
アクションエディタで、旅を開始したいステップを作成または編集します。
-
「JSON エディターに切り替え」 アイコン
をクリックして、JSON エディターを開きます。
-
generic
配列で、user_defined
応答を作成します。 (詳細については 、「JSON エディタを使用したレスポンスの定義 」を参照してください。)Journey は、以下の構造を使用して定義されます。
"user_defined": { "user_defined_type": "IBM_BETA_JOURNEYS_TOUR", "skip_card": true|false, "card_title": "{title}", "card_description": "{description}", "steps": [ ... ] }
ここで、
user_defined_type
-
定義しようとしているユーザー定義応答の特定のタイプ。 Journey を定義するには、常にこのプロパティーを
IBM_BETA_JOURNEYS_TOUR
に設定します。 skip_card
-
顧客が Web チャット・ウィンドウで導入カードをクリックするのを待たずに、Web チャットがジャーニーを即時に開始するかどうかを指定するオプション・プロパティー。 (デフォルト値は
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
-
Journey が使用可能な場合に Web チャットに表示される、導入カードに表示されるタイトル (例えば、
Website tour
またはDisputing a charge
)。 card_description
-
紹介カードに表示する説明文。 顧客がオープンするかどうかを決定できるように、ジャーニーについて説明してください。
steps
-
Journey のステップを定義する応答の配列。
ステップの定義
Journey の各ステップは、 generic
配列でアシスタント応答を直接定義する方法に類似した形式を使用して、顧客に表示される応答を記述する JSON オブジェクトとして定義されます。 Journey のステップは、 steps
配列にリストした順序で、一度に 1 つずつお客様に表示されます。
アシスタント応答と同様に、 response_type
プロパティーは応答のタイプを識別します。
text
-
テキストのみを表示するステップ。
{ "response_type": "text", "text": "This is the text of the response." }
text
ステップでは、 Markdown の書式設定とリンクがサポートされます。 詳しくは、 Markdown formatting を参照してください。Journey の
text
ステップの構造は、アシスタント応答のtext
応答タイプとは異なることに注意してください。 テキスト値の配列ではなく、単一のtext
コンポーネントのみがサポートされます。 image
-
イメージ、およびオプションの説明を表示するステップ。
{ "response_type": "image", "source": "https://example.com/image.png", "description": "This is the description of the image." }
source
プロパティは、一般公開されている画像のhttps:
URL でなければなりません。 指定された画像は、.jpg
、.gif
、または.png
形式でなければなりません。 video
-
ビデオをオプションの説明と共に表示するステップ。
{ "response_type": "video", "source": "https://example.com/videos/example-video.mp4", "description": "This is the description of the video." }
source
プロパティーによって指定される URL は、以下のいずれかである可能性があります。-
標準フォーマット (MPEG や AVI など) のビデオ・ファイルの URL。 Web チャットでは、リンクされた動画は埋め込み動画プレイヤーとしてレンダリングされます。
HLS (
.m3u8
) および DASH (MPD) ストリーミング動画はサポートされていません。 -
サポートされているビデオ・ホスティング・サービスでホストされるビデオの URL。 Web チャットでは、リンクされた動画はホスティング・サービスの組み込み可能プレイヤーを使用してレンダリングされます。
ブラウザーで動画を表示するために使用する URL (例えば、
https://www.youtube.com/watch?v=52bpMKVigGU
) を指定します。URL を組み込み可能フォームに変換する必要はありません。Web チャットによって自動的に変換されます。以下のサービスでホストされている動画を埋め込むことができます。
- YouTube
- Vimeo
- Twitch
- ストリーミング可能
- Wistia
- Vidyard
-
例
以下の例では、テキスト、イメージ、およびビデオの応答の組み合わせを使用して、課金に異議を唱える方法をユーザーに示すジャーニーを定義します。
{
"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."
}
]
}
}
]
}
Web チャットを開かずにジャーニーを開始する
Journey は Web チャット統合の一部ですが、Web チャット・ウィンドウをまったく開かずに、顧客が Web サイトから直接ジャーニーを開始できるようにすることができます。 例えば、顧客がクリックしてページの対話式ツアーを起動できる 「Show me」 ボタンを Web サイトに組み込むことができます。
Web チャットを開かずにジャーニーを開始するには、以下の手順に従ってください。
-
Journey 応答を送信するアクションで、journey を定義する JSON を編集します。
"skip_card": true
を含めて、導入カードをバイパスします。 -
Web サイトで、
send()
インスタンス・メソッドを使用して、Journey を開始するアクション (Give me a tour
など) をトリガーするメッセージをアシスタントに送信します。 ジャーニーをトリガーするために使用する任意のイベント (ボタン・クリックやページ・ロードなど) に応答してメッセージを送信します。
お客様は、最初に Web チャットを開くことなく、Web サイトから直接対話式のジャーニーを開始できるようになりました。 (後で Web チャット・ウィンドウを開くと、ジャーニーの概要カードがチャット履歴に表示されます。)
制限
このベータ機能には現在、以下の制限があります。
-
プレビュー・ペインは Journey をサポートしていません。 Journey をプレビューする場合は、共有可能プレビュー・リンクを使用します。 プレビュー・リンクについて詳しくは、 共有へのリンクのコピー を参照してください。
-
Journey は
view:change
イベントまたはchangeView
メソッドを使用し、window:open
イベントまたはwindow:close
イベント、あるいはopenWindow
、closeWindow
、およびtoggleOpen
インスタンス・メソッドでは機能しません。 -
顧客がジャーニーを開始すると、Web チャット・ウィンドウが閉じます。
view:change
イベントを使用してチャット後のフォームの表示をトリガーする場合は、コードで新しいevent.reason
またはevent.newViewState.tour
パラメーターの値を確認して、フォームを表示することが適切かどうかを判断する必要があります。