...
| 目次 | ||||
|---|---|---|---|---|
|
| 情報 |
|---|
ボタン毎にシナリオを出し分ける |
本記事でご紹介するサンプル設定ファイルは以下です。
まず、どのように設定ができるか確認したい場合は、以下のファイルをダウンロードしてお使いください。
※インポート方法はこちらの記事をご確認ください。
| View file | ||
|---|---|---|
|
| View file | ||||
|---|---|---|---|---|
|
※サンプルファイルをご利用の際の留意点
・サンプルファイルはダイアログの設定ファイルとチャットボタンの設定ファイルとなります。
・チャットボタン設定のボタン有効化条件（どこのページなどボタンを表示させる条件を設定）は御社側でボタンを表示させたいページを設定ください。
本記事で設定イメージは以下です。
TOPページ…チャットボタンクリック後、スペシャルタグを自動表示させる
カートページ…チャットボタンクリック後、スペシャルタグを自動表示させる
以下で設定方法をご紹介いたします。
本記事ではチャットボタン毎にシナリオを出し分ける際の、設定の流れをご紹介します。
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
ダイアログ画面でシナリオを設定する |
⚙️ 1つ目のシナリオの設定
ダイアログ画面のタブ：テスト環境をクリックします。
左上の「編集」ボタンをクリックします。
「シナリオ先頭メッセージ追加」ボタンをクリックします。
シナリオ先頭メッセージ追加後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。
メッセージタイプを設定します。
今回はスペシャルタグを表示させたいので、「スペシャルタグ」を選択します。
テキストはスナックバー上に表示されるテキストです。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、空欄にします。
スペシャルタグ検索に使用するタグを入力します。
タグにスペシャルタグのタグ名を入力し、「確定」ボタンをクリックします。
※スペシャルタグのタグ名は以下画像の赤枠内
スナックバー省略は、チェックした場合スナックバーの表示を行わずにスペシャルタグが起動されます。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、チェックを入れます。
1つ目のスペシャルタグの設定は以上となります。
⚙️ 2つ目のシナリオの設定
「シナリオ先頭メッセージ追加」ボタンをクリックします。
シナリオ先頭メッセージ追加後、ラベルを設定します。
※こちらは必須項目ではありませんが、チャットボタンと紐づける際にどのシナリオかを識別するために設定いただくことを推奨いたします。
メッセージタイプを設定します。
今回はスペシャルタグを表示させたいので、「スペシャルタグ」を選択します。
テキストはスナックバー上に表示されるテキストです。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、空欄にします。
タグはスペシャルタグ検索に使用するタグを入力します。
タグにスペシャルタグのタグ名を入力し、「確定」ボタンをクリックします。
※スペシャルタグのタグ名は以下画像の赤枠内
スナックバー省略は、チェックした場合スナックバーの表示を行わずにスペシャルタグが起動されます。
今回のサンプル設定では、チャットボタンをクリック後自動でスペシャルタグを開く設定のため、チェックを入れます。
2つ目のスペシャルタグの設定は以上となります。
⚙️ 設定の保存
設定が全て完了しましたら、「保存」ボタンをクリックします。
右下に「保存しました」が表示されましたら、テスト環境での設定保存が完了となります。
⚙️ 本番環境に反映
タブ：テスト環境で保存した設定を本番反映させたい場合は、「テスト環境を本番環境へ反映」ボタンをクリックしてください。
本番環境への反映確認ウィンドウが表示されましたら、右側「はい」ボタンをクリックします。
右下に「環境への反映が完了しました」が表示されましたら、本番環境への反映が完了となります。
ダイアログ画面での設定は以上です。
シナリオ作成方法については以下の記事をご参考に作成してください。
ダイアログ画面で複数シナリオを作成する場合
「シナリオ先頭メッセージ追加」をクリックすると、シナリオのTOPにメッセージが追加されます。
複数シナリオを作成する場合は、シナリオを作成する分だけ「シナリオ先頭メッセージ追加」をクリックし、メッセージを設定してください。
...
| パネル | ||||||||
|---|---|---|---|---|---|---|---|---|
|
...
ダイアログ設定をチャットボタン設定に紐付ける |
⚙️ 1つ目のダイアログ設定をチャットボタンに紐づける
...
シナリオを紐づけるボタン設定の右側「∨」をクリックします。
初期化メッセージのプルダウンから「ダイアログ」を選択します。
ダイアログのプルダウンから紐づけたいシナリオを選択します。
⚙️ 設定の保存
「保存」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「保存しました」が表示されましたら、チャットボタン設定の保存が完了となります。
...
次にダイアログを紐付けたチャットボタン設定をテスト環境に反映します。
該当のリビジョンをクリックします。
「テスト環境に反映」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「環境への反映が完了しました」が表示されましたら、テスト環境への反映が完了となります。
⚙️ 本番環境に反映
最後にダイアログを紐付けたチャットボタン設定を本番環境に反映します。
※本番環境に反映前に、テスト環境で動作を確認したい場合はこちらをご確認ください。
「テスト環境を本番環境へ反映」ボタンをクリックします。
任意でコメントを編集する場合は、コメントを編集し、「確定」ボタンをクリックします。
右下に「環境への反映が完了しました」が表示されましたら、本番環境への反映が完了となります。
...