GASを使ったLINE Botのリッチメニュー設定完全ガイド
GASでLINE Botリッチメニューを設定する基本
LINE Botのリッチメニューは、ユーザーに特定のアクションや情報を提供するための便利な機能です。GASを使ってリッチメニューを設定するための基本から説明します。
LINE Developersでアカウントを作成
最初に、LINE Developersでアカウントを作成し、Messaging APIチャンネルを準備する必要があります。
1. LINE Developersにアクセスし、ログインします。
2. 新しいプロバイダーを作成し、Messaging APIチャンネルも作成します。
GASプロジェクトをセットアップ
次に、GASでスクリプトを作成し、LINE Messaging APIと連携するためのプロジェクトをセットアップします。
1. Google ドライブで新しいGASプロジェクトを作成します。
2. リッチメニューを作成するためのスクリプトを書く準備をします。
GASでリッチメニューのスクリプトを書く
実際のスクリプトを書いていきましょう。ここで重要なのは、LINEのAPIを使ってリッチメニューを操作することです。
リクエスト用のURLを設定
ラインのAPIを使う際には、特定のエンドポイントにリクエストを送る必要があります。
1. リッチメニューを設定するエンドポイントを理解します。
2. 必要なトークンやIDを記録しておきます。
GASでのスクリプト例
以下は、リッチメニューを設定するための基本的なスクリプト例です。
function createRichMenu() {
var url = 'https://api.line.me/v2/bot/richmenu';
var accessToken = 'YOUR_ACCESS_TOKEN';
var richMenuData = {
"size": {"width": 2500, "height": 1686},
"selected": false,
"name": "Demo Rich Menu",
"chatBarText": "Menu",
"areas": [
{
"bounds": {"x": 0, "y": 0, "width": 2500, "height": 843},
"action": {"type": "message", "text": "Hello"}
}
]
};
var options = {
"method": "post",
"headers": {
"Authorization": "Bearer " + accessToken
},
"payload": JSON.stringify(richMenuData)
};
UrlFetchApp.fetch(url, options);
} このスクリプトは、指定したサイズやアクションを持つリッチメニューをLINEのAPIを通して設定します。
この関数を実行することで動作確認が可能です。
リッチメニューのカスタマイズとデプロイ
リッチメニューは、見た目をカスタマイズすることでより便利に使うことができます。背景画像の設定やボタンの位置など、詳細に手を入れていきます。
背景画像のアップロード
リッチメニューの背景となる画像をLINEのサーバーにアップロードします。
1. 画像ファイルを用意し、アップロード用スクリプトを作成します。
2. uploadRichMenuImage() 関数を実装して、特定のURLに画像を送信します。
練習問題
1. GASを使って、リッチメニューに追加のアクションを設定するには、どの部分を変更すればよいでしょうか。
2. リッチメニューの背景画像をサーバーにアップロードする際の注意点は何でしょうか。
解答・解説
// 1. createRichMenu() 関数の "areas" 部分を編集することで、ボタンのアクションを追加または変更できます。例として、"areas" の中の "action" オブジェクトに、新しいアクションタイプと対応する値を指定します。
// 2. RIICHメニューの背景画像をアップロードする際は、画像のサイズ制限を守ることが重要です。LINE APIでは2500 x 1686ピクセルの画像をサポートしており、それを超えないようにしましょう。また、画像フォーマットはJPEGまたはPNGである必要があります。
これらの手順を守ることで、GASを使ったLINE Botのリッチメニュー設定がよりスムーズになります。