LINEで選択肢を出す方法

LINEで選択肢を出して、ユーザに特定の文字列を返却するよう設定する方法を記載します。

### 想定する流れ
ユーザ側から見て、以下のような流れになることを想定しています。
1. 特定のメッセージをユーザが入力する
2. 公式アカウントが選択肢のあるメッセージを送信
3. ユーザが選択肢をタップ
4. 選択肢に即したワードがユーザ側から送信


### 前提条件
LINE公式アカウント作成済み
https://www.linebiz.com/jp/service/line-official-account/
↑ここから作成できます！


### カードタイプメッセージを作成
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/d72d674c-2eb6-ef33-1af6-ed541088b9c2.png)
メッセージアイテム→カードタイプメッセージを開く
作成をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/08035e8e-29ea-cd71-f727-2382ce563cc7.png)
任意のタイトルを設定
カードタイプを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/012ea652-4313-d94f-9c2c-6558d2f470b8.png)
自由に選択してOK
今回はイメージを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/8d599ba4-937a-200c-b0a5-0ba1a9a2e25c.png)
各カードの設定
任意でラベルとアクションラベルを設定(反応する部分が変わる)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/5d2f4473-96af-3e9d-a08f-d1cf7903cac2.png)
写真をアップロード

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/d3a08491-319a-f4aa-ceaa-c979a0a31016.png)
縮小サイズを横のバーで設定し、適用をクリック
(いらすとやさんからお借りしました！)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/aff7e07b-e8b5-caa7-a836-5a94eadae482.png)
タイプをテキストに設定

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/95d1db3c-4a5e-37b1-cd00-c8944051e73a.png)


![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/2d262612-e75b-5d10-7c5f-b8cde6d847c2.png)
選択肢を増やすため、カードを追加をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/6fe6a77f-e461-5bf9-04f8-4b98779af290.png)
同様に設定

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/6c8f13b5-2765-c1e2-a1d9-6732fe7515b5.png)
任意でもっと見るカードを設定
(今回は設定しないので右上の×でカードを削除)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/fec2de17-79c3-d58b-614e-4b2fb7d66c4f.png)
選択肢を追加し終わったら保存をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/cca1b5f2-2c01-e860-49d0-22a0e896a721.png)
カードメッセージ設定完了


### 自動応答AI設定
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/185f67d8-99e6-de24-b10a-322b5b78fe6b.png)
LINE Official Accout Managerで自動応答メッセージ→AI応答メッセージを開く
設定を変更をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/4c2d4a9c-a377-cbbc-dd7d-a323b7786577.png)
チャットの応答方法に、AI応答メッセージを含めるように設定

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/5dbe36cd-2ee3-37bf-2b2f-3025ddf9d9e7.png)
AI応答メッセージに戻り、任意のメッセージを選択
今回はクレームを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/af78011b-a78f-2dba-117f-9de616a79c6c.png)
初期設定のテンプレートメッセージが表示される
この場合、「クレーム」とメッセージをユーザが送信したら、「メッセージありがとうございます。改善に努めてまいります。」というメッセージが公式アカウントから送信される。
任意で設定。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/a27905ce-6618-f32f-c32e-74cc977e278e.png)
追加をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/09af8534-6316-173b-2cb5-e1093322d456.png)
カードタイプメッセージを選択

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/042b8924-31a0-f263-eac2-65256527ffd3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/169892bd-9cc1-ca1b-88c0-557c63feef95.png)
先ほど作成したカードタイプメッセージを設定

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/3fcc7d28-1f7b-d814-a76e-ba4b143486e8.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/a474389b-94bb-5bc8-9f7f-4bb586a82cdc.png)
設定し終わったら保存をクリック

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/73b5ff79-5a5a-8eb6-0011-a4d300304e32.png)
設定完了

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3303132/9dd12b39-502b-62c3-7f9f-b2bf0432a1ff.png)
ユーザが「クレーム」とメッセージを送信すると、このように選択肢が出てきます。


以上がLINEで選択肢を出す方法でした。
ここまで読んでくださりありがとうございます。
少しでも参考になれば幸いです。