LINEボットでユーザーさんに複数の回答を選択してほしいときはありませんか?
例えば「このうち興味を持っているものをいくつか選んでください」というような質問の場合です。
そんなときには「複数選択」という機能を利用することで解決します!
今回はその設定方法を説明します。
目次
LINE DevelopersコンソールでLIFFアプリを作成する(1-1〜1-2)
1.LINE DevelopersコンソールでLIFFアプリを作成する
1-1 LINEのLoginチャネルを作成
LINE Developersにログインし、
ボットに接続しているプロバイダーで、新規チャネルを作成する。
チャネルの種類は「LINEログイン」を選択してください。
以下の画面が表示されますので、それぞれの項目を入力してください。
・チャネル名
・チャネル説明
・アプリタイプ:ウェブアプリ、ネイティブアプリの両方を選択
各項目はユーザーが複数選択を開く時に表示される「認証」画面で出てきますので、企業やサービスのロゴと名前を入れることを推奨します。
※参考:認証画面↓
最後に「LINE開発者契約の内容に同意します」にチェックを入れたら「作成」ボタンをクリックします。
※この時、全項目に「緑の✔」がある状態でないと「作成」ボタンは押せませんのでご注意ください。
1-2 LIFFアプリを作成
チャネルを作成後、以下のような画面が表示されます。その中の「LIFF」をクリックしてください。
そして「追加」ボタンを押して新規追加してください
編集画面で、LIFFアプリ名は会社またはサービス名、それ以外は以下の画像のように設定してください。
*エンドポイントURLは https://webview.chatbook.ai/liff/に設定してください。
最後は一番下の「追加」ボタンを押して作成してください。
作成した後LIFFの一覧画面で以下の画像を表示されますので、「LIFF ID」をコピーしてください。
2. LINEのLIFF IDをCraftChatのリリースページで登録
ここからはCraftChatのダッシュボードに入ります。
CraftChatのダッシュボードで対象のボット内、リリース>LINEに入ります。
画面下部「オプション設定」の「LIFF ID」に先程コピーしたLIFF IDを貼付けて保存してください。
3.複数選択フォームを作成
対象のメッセージに遷移して、新規ボタンを作成します。
ボタンをクリックして編集画面を開き、通常通り次の遷移先を選択肢、その後「フォームを選択」のプルダウンから
「複数選択フォーム」を選んでください。
複数の選択肢を追加してください。
(入力後Enterキーで追加できます)
4.LINE上でテストする
LINE DevelopersコンソールでQRコードを読み取り、実際にLINE上での動作をチェックします。(詳しくはこちらをご覧ください)
初めて複数選択を実施する際、ユーザーに対し認証画面が表示されます。
ユーザーは「トークへのメッセージ送信」「ユーザーの識別子」の両方への許可が必須となります。
なお、スマホ上では複数選択はこのような形で現れます。
複数選択後はこのような形となり、次のメッセージへ遷移します。
5.公開する
実際のテストで問題ないことが確認出来たら、LINE Developersに戻り
公開設定を非公開から公開へ変更します。
「公開」状態になっていることを確認します。
以上で設定は完了です!