LINEでbotやリッチメニューを設定するお話

  • このエントリーをはてなブックマークに追加

ここ最近いろいろな意味で話題になっているLINEですが、とはいえ便利なSNSツールであることは間違いないところです。

ここでは情報セキュリティ的な部分は置いといて、LINEのAPIを利用したbotやリッチメニューを作っていきます。

事前に行うこと

LINE for Business でアカウントを開設する

こちらの方で取得してください

LINE Developers からログインする

https://developers.line.biz からログインします。

チャンネル設定から「新規チャンネル作成」を選び、チャンネルを作成

「LINEログイン」や「Messageing API」などがありますが、今回は「Messaging API」を使います。(「LINEログインはSNSログインみたいな感じですかね)
チャンネル情報はそのままですがアプリタイプは「ウェブアプリ」を選択してください。(アプリで使うならネイティブアプリ)

作成したチャンネルから必要情報をメモ

作成したチャンネルの「チェンネル基本設定」から
  • チャンネルID
  • チャンネルシークレット
  • あなたのユーザーID
「Messaging API設定」から
  • チャンネルアクセストークン(長期)
をメモしておきます。

 

Webhookを使ってBotのプログラムを用意する

LINE Officail Account Manager を使ってBotの設定をしてもよいのですが、自社のシステムから投稿管理を行いたいので、今回はWebhookを使って自社サーバーのプログラムを叩いてもらいます。
Webhookについて詳しくはグーグル先生にでも聞いてください。

 

Webhookのプログラムを用意する

言語は何でもいいですが、PHPでささっと書いておきます。

PHP用のLINE bot SDKですが、こちらもcomposerをつかってささっとインストールできますので、それが入っているという前提です。

バリデーションチェックや実際の処理はほぼ入っていなくてフォローの時、フォロー解除の時、メッセージが来たときに叩かれる時の挙動を入れてます。

Webhookの設定を行う

LINE Developers のチャンネル「Messageing API設定」から「Webhook設定」のWebhook URLに作成したプログラムのURLを入力して更新してください。

QRコードから実機でアクセスする

「ボット情報」のQRコードをLINEアプリから読み取るとアカウントが表示されて、友達登録を行うとWebhookプログラムで定義していた「友達追加ありがとう!」と表示されます。

これでbotの完成ですね。
メッセージの内容によって返す文言を返せばいい感じのbotが作れます。

 

リッチメニューの作成

公式アカウントを開くとメニューみたいなのが表示されますが、あれの作り方もまとめます。
東京都民の方はよく見るあれですが、これもAPIを使って作れますが、とりあえずLINE Official Account Managerで作っていきます。

https://manager.line.biz/

ログイン後、「アカウント」からアカウント行ってください。

その後、「ホーム」「トークルーム管理」「リッチメニュー」からトークルームを作りましょう。


表示設定ですが、基本的に管理画面に詳しく書いてあるのでそのまま入力してください。

コンテンツ設定ですが、はじめにメニューのテンプレートを選択します。
これに関してはあらかじめどういうメニューがいいか最初に決めておくのがいいでしょう


テンプレートを選択すると、アクションを設定することができます。


「リンク」はメニューをタップすると設定したリンク先へ遷移され、「クーポン」はあらかじめ設定したクーポンが表示されるようになります。

では「テキスト」ってなにかというとタップすると設定したテキストが利用者から送られてくるだけです。

「ん?意味あるの?」って思うかもしれないですが、前述したbotを駆使するとまるでLINEでやりとりをしているかのような形で案内が可能となります。

上記のプログラムの

の部分が呼び出されるので、ここに処理をつければいい感じですね。

先ほどの「リンク」だと直接リンク先へ遷移されますが、「テキスト」と「bot」を使うと、LINEアカウントからリンク先を案内すると言った形になるので、コンテンツ次第ではありじゃないでしょうか

 

執筆者:松本[ エンジニア ]

関連記事

Webサイト制作

Webアクセシビリティの基本を学ぼう!

近年Webサイト制作時に求められる『Webアクセシビリティ』。 正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。 自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。 一緒にWebアクセシビリティについて学んでいきましょう。 目次1 そもそもWebアクセシビリティってなに?2 基本的な対応内容2.1 色のコントラストをはっきりさせよう2.2 文字サイズを変更できるようにしよう2.3 できるだけテキストベースを心 […]

プログラミング

【PHP】ソーシャルログインに対応したお話(LINEログイン編) ②

前回はLINE Developersでチャネル登録までを行いました。 今回は実際にPHPでログインを実装していきます。 目次1 初期設定を定数にする2 LINE ログインのURLを作成する3 コールバック時の処理4 最後に 初期設定を定数にする 最初にdefineでチャネル登録した情報やAPIのURLを定義します。 メールアドレスを取得したい場合はLINE_SCOPEに「email」を追記してください。 LINE ログインのURLを作成する LINEログインに利用するログイン […]

Webサービス

【PHP】ソーシャルログインに対応したお話(LINEログイン編) ①

今回はLINEログインです。 LINEログインは他のソーシャルログインと違って、電話番号必須なので、ユーザーがアカウントを無限に発行するということがなく、しかもOSに関係なくアカウントを使用できるので、特にB2Cサービスを考える場合には是非導入を進めたいと思います。 逆に法人サービスで使う場合、法人担当者が個人のLINEアカウントを使用することはないと思うので、あくまで個人向けサービスがよいかなと思います。 LINEログインについての概要はこちらに詳しく書いています。 htt […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。