1. ホーム
  2. /
  3. [LINE BOT]
  4. /
  5. 【GAS】LINE BOTで画像メッセージを送信する方法|プレビュー画像も指定

【GAS】LINE BOTで画像メッセージを送信する方法|プレビュー画像も指定

【GAS】LINE BOTで画像メッセージを送信する方法|プレビュー画像も指定

この記事では、Google Apps Script (GAS) を使って、LINE BOTで「画像メッセージ」を送信する方法を解説します。

画像メッセージは、視覚的な情報を効果的に伝えることができるため、商品紹介やイベント告知など、様々なシーンで活用できます。

公式ドキュメント:画像メッセージ | LINE Developers

Google Apps Script 始め方 スプレッドシート 活用例
Google Apps Script 始め方 スプレッドシート 活用例 を各ショップで検索
LINE BOT チャットボット 作り方
LINE BOT チャットボット 作り方 を各ショップで検索

事前準備

メッセージを送信するには、以下の2つの情報が必要です。

1. チャンネルアクセストークンの取得

LINE Developersコンソールから、利用するBOTのチャンネルアクセストークンを取得してください。詳しい手順は以下の記事で解説しています。

【初心者向け】LINE Messaging APIのアクセストークンを取得する方法を解説
【初心者向け】LINE Messaging APIのアクセストークンを取得する方法を解説

LINE BOT開発に不可欠なMessaging APIのチャンネルアクセストークンを取得する手順を、実際の画面キャリプチャを交えて詳しく解説します。LINE Developersへの登録からプロバイダー、チャンネル作成、トークン発行までを網羅。

2. ユーザーIDの取得

メッセージの送信先となるLINEユーザーのIDが必要です。取得方法は以下の記事を参考にしてください。

【GAS】LINE BOTでユーザーIDを取得する方法|Webhookで情報を受け取る
【GAS】LINE BOTでユーザーIDを取得する方法|Webhookで情報を受け取る

Google Apps Script(GAS)を使って、LINE BOTと友だちになっているユーザーのIDを取得する方法を解説します。Webhook経由で送信されるイベント情報から、特定のユーザーを識別するための`userId`を抜き出すサンプルコードを紹介します。

GASで画像メッセージを送信するサンプルコード

以下のサンプルコードは、GASで画像メッセージを送信する例です。トーク画面に表示されるプレビュー画像と、ユーザーがタップしたときに表示されるオリジナル画像のURLを指定します。

コード内の TOKENDEBUGID は、ご自身の環境に合わせて書き換えてください。

const TOKEN = 'LINEのトークンを指定(取得方法:https://arukayies.com/gas/line_bot/gettoken)';
const DEBUGID = 'LINEのユーザIDを指定(取得方法:https://arukayies.com/gas/line_bot/get-userid)';

//LINEBOTで画像メッセージを送るサンプル
function pushmessage_image() {
  //画像メッセージを送る
  UrlFetchApp.fetch('https://api.line.me/v2/bot/message/push', {
    'headers': {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer ' + TOKEN, //LINEのトークンを指定
    },
    'method': 'POST',
    'payload': JSON.stringify({
      'to': DEBUGID, //LINEのユーザIDを指定
      'messages': [{
        'type': 'image',
        'originalContentUrl': 'https://placehold.jp/640x480.jpg?text=test',
        'previewImageUrl': 'https://placehold.jp/240x240.jpg?text=test'
      }],
      'notificationDisabled': false // trueだとユーザーに通知されない
    }),
  });
}
  • originalContentUrl: ユーザーが画像をタップしたときに表示される、オリジナル画像のURL(HTTPS)を指定します。
  • previewImageUrl: トーク画面に表示される、プレビュー用の画像URL(HTTPS)を指定します。

送信結果

上記のGAS関数 pushmessage_image を実行すると、指定したユーザーに画像メッセージが送信されます。

画像メッセージ受信画面

まとめ

今回は、GASを利用してLINE BOTから画像メッセージを送信する方法を紹介しました。プレビュー画像とオリジナル画像を使い分けることで、ユーザー体験を向上させることができます。

その他のメッセージタイプやアクションについては、以下の記事で紹介しています。

【LINE BOT】GASで使える7種類のアクションオブジェクトまとめと比較
【LINE BOT】GASで使える7種類のアクションオブジェクトまとめと比較

LINE BOT開発で必須のアクションオブジェクト7種類(ポストバック、メッセージ、URI、日時選択、カメラ、カメラロール、位置情報)の機能と使い方をGoogle Apps Script (GAS) のサンプルを交えて徹底解説。それぞれの違いや最適な使い分けがわかります。

Google Apps Script 始め方 スプレッドシート 活用例
Google Apps Script 始め方 スプレッドシート 活用例 を各ショップで検索
LINE BOT チャットボ_bot 作り方
LINE BOT チャットボ_bot 作り方 を各ショップで検索

関連記事

【GAS】LINE Messaging APIでクイックリプライメッセージを送信する方法

【GAS】LINE Messaging APIでクイックリプライメッセージを送信する方法

この記事では、Google Apps Script (GAS) を利用して、LINE BOTで「クイックリプライ」メッセージを送信する方法を初心者向けに分かりやすく解説します。

クイックリプライは、ユーザーがメッセージに対して簡単なボタン操作で返信できるようにする機能です。これにより、ユーザー体験を向上させることができます。

公式ドキュメントはこちらです。

Google Apps Script 始め方 スプレッドシート 活用例
Google Apps Script 始め方 スプレッドシート 活用例 を各ショップで検索
LINE BOT チャットボット 作り方
LINE BOT チャットボット 作り方 を各ショップで検索

【GAS】LINE Messaging APIで画像カルーセルメッセージを送信する方法

【GAS】LINE Messaging APIで画像カルーセルメッセージを送信する方法

この記事では、Google Apps Script (GAS) を利用して、LINE BOTで「画像カルーセルテンプレートメッセージ」を送信する方法を解説します。

画像カルーセルは、複数の画像を横にスクロールできる形式で表示し、それぞれにアクションを割り当てることができるメッセージタイプです。商品紹介や選択肢の提示など、視覚的でインタラクティブな表現が可能になります。

公式ドキュメントはこちらを参照してください。

Google Apps Script 始め方 スプレッドシート 活用例
Google Apps Script 始め方 スプレッドシート 活用例 を各ショップで検索
LINE BOT チャットボット 作り方
LINE BOT チャットボット 作り方 を各ショップで検索