ページの比較

ダイアログのスタートアップガイドです。

こちらの記事は、ダイアログのツリー作成手順についてご紹介しております。
画面構成などダイアログ機能の概要については、スタートアップガイド（概要編）をご確認ください。

minLevel	1
maxLevel	7

...

情報
前提

ダイアログをご利用希望の場合は、弊社カスターマーサクセス担当者から概要及び設定方法についてご案内させていただきます。
ご利用をご希望の場合は、弊社カスターマーサクセス担当者にご連絡ください。

...

シナリオ設定手順の前に、各メッセージタイプの役割についてご紹介します。
▼動画流れメッセージタイプの役割は、大きく分けて4つに分類できます。・各メッセージタイプの役割について

メッセージをまとめる

...

メッセージを発話して繋げる

...

　┗テキスト
　　┗ユーザーが選択したリストの選択肢に応じて、発話させるテキストメッセージを設定できます。

　┗画像
　　┗ユーザーが選択したリストの選択肢に応じて、発話させる画像タイプのメッセージを設定できます。

　┗イメージカード
　　┗ユーザーが選択したリストの選択肢に応じて、発話させる画像とテキストタイプのメッセージを設定できます。画像、テキストにリンクボタンの設置ができます。

　┗YouTube
　　┗ユーザーが選択したリストの選択肢に応じて、発話させるYouTubeタイプのメッセージを設定できます。

　┗チップ（値なし）
　　┗ユーザーが選択したリストの選択肢に応じて、発話させるチップタイプのメッセージを設定できます。

　┗画像スライダー（リンク）
　　┗複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。ユーザーが選択したアイテムに応じて遷移させるページのURLを設定できます。

　┗画像スライダー（アタッチメント）
　　┗複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。ユーザーが選択したアイテムに応じて表示させるアタッチメント（アイテム一覧）を設定できます。

　┗アタッチメント
　　┗アイテムの一覧をWebサイトの商品を連携し、アイテム一覧を表示することができます。
※アタッチメントは弊社側にて商品連携が必要となりますので、ご利用希望の場合は弊社カスタマーサクセス担当者にご連絡ください。

　┗スペシャルタグ
　　┗スペシャルタグで設定したアイテム一覧を表示することができます。
※スペシャルタグの設定方法についてはこちらの記事をご確認ください。
【スペシャルタグ】画面の解説
・オペレータに繋げる
　┗オペレータ接続
　　┗有人接客に切り替えることができます。
※BOTのみをご利用の場合は、こちらのメッセージタイプはご利用いただけません。

パネル

panelIconId	atlassian-info
panelIcon	:info:
bgColor	#E6FCFF

メッセージタイプ設定項目について

メッセージを発話してコンテンツを表示する

...

・メッセージをまとめる
　┗メッセージコンテナ
　　┗複数メッセージタイプをまとめて投稿したい場合などにご利用いただくメッセージタイプです。
メッセージコンテナの中に、複数メッセージを設定します。

・メッセージを発話して繋げる
　┗リスト
　　┗質問の選択肢リストを設定できます。ユーザーが選択した選択肢に応じて発話するメッセージを設定でき、次のメッセージに繋ぐことができます。
　┗チップ（値付き）
　　┗質問の選択肢チップを設定できます。ユーザーが選択したアイテムに応じて発話するメッセージを設定でき、次のメッセージに繋ぐことができます。

...

オペレータに繋げる

役割ごとにメッセージタイプと設定項目を1つずつ紹介いたします。

情報
メッセージをまとめる

メッセージコンテナ

複数メッセージタイプをまとめて投稿したい場合などにご利用いただくメッセージタイプで
メッセージコンテナの中に、複数メッセージを設定します。
メッセージコンテナの詳しい内容についてはこちらの記事をご覧ください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	同時に投稿されるメッセージ	同時に投稿されるメッセージを設定してください。（複数メッセージ追加可能）新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

情報
メッセージを発話して繋げる

	設定項目名			設定項目の説明
1️⃣	任意	ラベル		こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ		吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	選択肢	リスト表示文	リスト上に表示される文字を設定してください。
4️⃣	必須	選択肢	メッセージを追加（ボタン上の表記）	リスト表示文（3️⃣）をクリックした後に、投稿させるメッセージを設定してください。新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

...

	設定項目名			設定項目の説明
1️⃣	任意	ラベル		こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ		吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	チップアイテム	チップ表示文	チップ上に表示される文字を設定してください。
4️⃣	必須	チップアイテム	メッセージを追加（ボタン上の表記）	チップ表示文（3️⃣）をクリックした後に、投稿させるメッセージを設定してください。新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。

...

	設定項目名			設定項目の説明
1️⃣	任意	ラベル		こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ		吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	画像アイテム	画像上表示文	画像上に表示させるテキストを入力してください。
4️⃣	必須		メッセージを追加（ボタン上の表記）	画像上表示文（3️⃣）をクリックした後に、投稿させるメッセージを設定してください。新規メッセージを作成して追加もしくは設定済みのメッセージを追加ください。
5️⃣	必須		画像URL	表示する画像のURLを入力してください。
6️⃣	任意		代替テキスト	画像が表示されない時に表示されるテキストを入力してください。

情報
メッセージを発話してコンテンツを表示する

テキスト

ユーザーが選択したリストの選択肢に応じて、発話させるテキストメッセージを設定できます。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	任意	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	画像URL	表示する画像のURLを入力してください。
4️⃣	任意	代替テキスト	画像が表示されない時に表示されるテキストを入力してください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	任意	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	画像URL	表示する画像のURLを入力してください。
4️⃣	必須	キャプション	画像の下に表示されるテキストを入力してください。
5️⃣	必須	遷移先URL	リンクボタンをクリックした後に遷移するページのURLを入力してください。
6️⃣	必須	リンクテキスト	リンクボタンに表示させるテキストを入力してください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	任意	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	動画ID	表示させるYouTube動画の動画IDを入力してください。
4️⃣	任意	オートプレイ	メッセージが表示後、自動で動画再生させたい場合はこちらの項目にチェックを入れてください。
5️⃣	任意	終了通知	動画再生終了時に、サーバーに終了通知を送る場合はこちらの項目にチェックを入れてください。

...

	設定項目名			設定項目の説明
1️⃣	任意	ラベル		こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ		吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	チップアイテム	チップ表示文	チップ上に表示される文字を設定してください。チップ表示文をタップ後、チップ表示文に設定した文字がユーザー側の吹き出しとして発話されます。

...

マークダウン

ハイパーリンク表示ができます。（以下画像の「こちら」）

...

設定項目名

設定項目の説明

1️⃣

任意

ラベル

こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

[リンクテキスト](URL)と入力することで、［］内に入力したリンクテキストを、指定したURLへリンクできるようになります。

※上記サンプル画像を実現したい場合の記述例
空色商店へようこそ！

おすすめ商品一覧は [こちら](https://solairo.co.jp) をご覧ください。

吹き出し内で改行をしたい場合

以下のいずれかの方法で改行が可能です。
・1行空白の行を入れる
・文末に半角空白スペースを2つ入れる
※「\n」の使用はできません。

...

画像スライダー（リンク）

複数の画像をスクロールして閲覧することのできる画像タイプのメッセージタイプを設定できます。
ユーザーが選択したアイテムに応じて遷移させるページのURLを設定します。

...

	設定項目名			設定項目の説明
1️⃣	任意	ラベル		こちらはチャット画面上には反映されない項目です。
2️⃣	必須	投稿メッセージ		吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	画像アイテム	画像上表示文	画像上に表示させるテキストを入力してください。
4️⃣	必須		遷移先URL	画像クリック後に遷移するページのURLを入力してください。
5️⃣	必須		画像URL	表示する画像のURLを入力してください。
6️⃣	任意		代替テキスト	画像が表示されない時に表示されるテキストを入力してください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	任意	投稿メッセージ	吹き出しとして投稿されるメッセージを入力してください。
3️⃣	必須	画像アイテム	スライダー上に表示させる画像アイテムを追加してください。
4️⃣	必須	画像上表示文	画像上及びスナックバー上に表示させるテキストを入力してください。
5️⃣	必須	タグ	アタッチメント検索に使用する商品に紐づくタグを入力してください。
6️⃣	必須	画像URL	表示する画像のURLを入力してください。
7️⃣	任意	代替テキスト	画像が表示されない時に表示されるテキストを入力してください。

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。
2️⃣	任意	テキスト	スナックバー上に表示させるテキストを入力してください。
3️⃣	任意	タグ	スペシャルタグで設定したタグ名を入力してください。スペシャルタグの接頭文字（デフォルトは##）の入力は不要です。
4️⃣	任意	スナックバー省略	スナックバーの表示を行わずにアタッチメントを起動させたい場合は、こちらの項目にチェックを入れてください。

情報
オペレータに繋げる

オペレータ接続

有人接客に切り替えることができます。
※BOTのみをご利用の場合は、こちらのメッセージタイプはご利用いただけません。

...

設定項目名

...

設定項目の説明

...

1️⃣

...

任意

...

ラベル

...

こちらはチャット画面上には反映されない項目です。

マークダウン

ハイパーリンク表示ができます。（以下画像の「こちら」）

...

	設定項目名		設定項目の説明
1️⃣	任意	ラベル	こちらはチャット画面上には反映されない項目です。

2️⃣

必須

投稿メッセージ

[リンクテキスト](URL)と入力することで、［］内に入力したリンクテキストを、指定したURLへリンクできるようになります。

※上記サンプル画像を実現したい場合の記述例
空色商店へようこそ！
おすすめ商品一覧は [こちら](https://solairo.co.jp) をご覧ください。

吹き出し内で改行をしたい場合

...

パネル

panelIconId	atlassian-info
panelIcon	:info:
bgColor	#E6FCFF

シナリオを新規作成する

...

　　┗シナリオ先頭メッセージを追加する（メッセージコンテナを作成する）
　　┗メッセージをまとめる（メッセージコンテナにリストメッセージを格納する）
　　┗メッセージを発話して繋げる（リストメッセージにテキストメッセージをつなげる）
　　┗メッセージを発話してコンテンツを表示する（テキストメッセージを編集する）
　　┗テスト環境：保存する
　　┗本番環境に反映する
　　┗テストを行う

...

パネル

panelIconId	atlassian-light_bulb_on
panelIcon	:light_bulb_on:
panelIconText	:light_bulb_on:
bgColor	#E6FCFF

シナリオ先頭メッセージの追加について

シナリオ先頭にチェックあり：「シナリオ先頭メッセージ追加」の場合

...

ダイアログ画面のタブ：テスト環境をクリック
左上の「編集」ボタンをクリック
「シナリオ先頭メッセージ追加」ボタンをクリック
シナリオ先頭メッセージ追加後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。
次にメッセージタイプを設定します。
シナリオ先頭メッセージの場合、複数のメッセージタイプの組み合わせが可能な「メッセージコンテナ」を選択いただくことをおすすめいたします。シナリオ先頭メッセージの場合、複数のメッセージタイプの組み合わせが可能な「メッセージコンテナ」を選択いただくことをおすすめいたします。
※メッセージコンテナの詳細はこちらをご覧ください。
次に投稿メッセージを設定します。
投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは吹き出しに表示されるテキストメッセージです。投稿メッセージは任意項目となります。
Image RemovedImage Added
次に同時に投稿するメッセージを設定します。

以下画像の赤枠内をクリック
Image RemovedImage Added

ウィンドウの左上：「新規メッセージを追加して設定」ボタンをクリック
※すでに作成されたメッセージを選択することも可能です。
「新規メッセージを追加して設定」ボタンをクリック後
メッセージが追加されるので、メッセージをクリックしメッセージを編集します。
Image Added

こちらの見本設定では、メッセージタイプから「リスト」を選択します。
Image Added

投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは任意項目となります。
Image Added

リストの選択肢を追加します。
「選択肢を追加」ボタンをクリックします。
Image Added

選択肢上の表示文を設定します。
リスト表示文に任意のテキストを入力ください。
Image Added

次にリストの選択肢をクリック後に投稿されるメッセージを設定します。
「メッセージを追加」ボタンをクリックします。
Image Added
「新規メッセージを追加して設定」をクリックします。
Image Added

「確定」ボタンをクリックします。
Image Added

※複数選択肢を追加する場合は「選択肢を追加」ボタンをクリックし、選択肢を追加ください。
Image Added
次にリストの選択肢をクリック後に投稿されるメッセージを設定します。
リスト表示文の右側に表示されているメッセージ（赤枠）をクリックします。
Image Added

メッセージ設定に切り替わった後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。
Image Added

次にメッセージタイプを設定します。
こちらの見本設定では、メッセージタイプから「画像スライダー（リンク）」を選択します。
Image Added

投稿メッセージは吹き出しに表示されるテキストメッセージです。
投稿メッセージは任意項目となります。
Image Added

画像スライダーに表示される画像アイテムを設定します。
「画像アイテムを追加」ボタンをクリックします。
Image Added

画像アイテムの設定をします。
まず、画像上の表示文を設定します。
Image Added

画像アイテムをクリックした後に、遷移するページのURLを設定します。
Image Added

表示される画像を設定します。
「追加」ボタンをクリックします。
Image Added

表示される画像のURLを設定し、「確定」ボタンをクリックします。
Image Added

代替テキストを設定します。
画像が表示できない時に、画像の代わりに表示されるテキストです。
Image Added

「確定」ボタンをクリックし、画像アイテムの追加が完了です。
Image Added

※複数画像アイテムを追加する場合は「画像アイテムを追加」ボタンをクリックし、画像アイテムを追加ください。
Image Added
左側に表示されているリストをクリックし、リストの設定画面に戻ります。
Image Added
リストの設定画面に戻った後、リストの選択肢をクリック後に投稿されるメッセージを設定します。
リスト表示文の右側に表示されているメッセージ（赤枠）をクリックします。
※リストの選択肢をクリック後に投稿されるメッセージの設定方法は、手順9と同じなので割愛します。
Image Added
設定が全て完了しましたら、「保存」ボタンをクリックします。
Image Added
右下に「保存しました」が表示されましたら、テスト環境での設定保存が完了となります。
Image Added

注意
シナリオ先頭メッセージのラベルについて

手順4でチャットボタンとの紐付けを行う際、シナリオ先頭メッセージのラベル名をプルダウンから選択します。
どのシナリオか識別するために、シナリオ先頭メッセージのラベルを設定することをおすすめします。

...

▼動画流れ
・タブ：編集中のメッセージの中から「削除」ラベルがついているメッセージの「戻す」ボタンをクリック
・「はい」をクリック
・復元したいメッセージを全て復元が完了したら、「保存」ボタンをクリック

情報
設定手順

パネル

panelIconId	31-20e3
panelIcon	:one:
panelIconText	1️⃣
bgColor	#E6FCFF

仮見出し）スプレッドシートに入力

まず、ダイアログ作成シートでシナリオを設定します。
手順は以下の動画をご確認ください。

▼動画流れ
※要手順確認

パネル

panelIconId	32-20e3
panelIcon	:two:
panelIconText	2️⃣
bgColor	#E6FCFF

仮見出し）1で入力した設定をjsonファイルとしてエクスポート

次に、1️⃣ の手順で入力した内容をWhatYa管理画面にインポートできるファイル形式（.json）でエクスポートします。
手順は以下の動画をご確認ください。

▼動画流れ
※要手順確認

パネル

panelIconId	33-20e3
panelIcon	:three:
panelIconText	3️⃣
bgColor	#E6FCFF

仮見出し）WhatYa管理画面ダイアログで2でエクスポートしたjsonファイルをインポート

次に、2️⃣ の手順でエクスポートした設定ファイルをWhatYa管理画面のダイアログでインポートします。
手順は以下の動画をご確認ください。

▼動画流れ
・「編集」ボタンをクリック
・「設定をインポート」ボタンをクリック
・任意の場所に保存したチャット設定のインポートファイルをクリックしてファイル選択、
もしくは、水色点線枠内にファイルをドロップ
・ファイル名を確認の上、「確定」ボタンをクリック
・「確定」ボタンをクリック後、インポートが成功の場合は編集中のタブにインポートしたメッセージが表示される
・「保存」ボタンをクリックすると、本番環境への反映が完了

...

注意
シナリオ先頭メッセージのラベルについて

手順4でチャットボタンとの紐付けを行う際、シナリオ先頭メッセージのラベル名をプルダウンから選択します。
どのシナリオか識別するために、シナリオ先頭メッセージのラベルを設定することをおすすめします。

...

比較バージョン

古いバージョン 1

新しいバージョン 2

キー

前提

メッセージタイプ設定項目について