【LINE BOT】GASで『イメージマップメッセージ』の送り方

くら
くら

こんにちは「くら(@arukayies)」です!

LINE公式ドキュメント を参考に GAS を使って各APIを試しています。

くら
くら

今回は「 イメージマップメッセージ 」の送り方を紹介します。

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

事前準備

LINE Developersで チャンネルアクセストークン を取得してください。

LINEの ユーザID の調べ方はこの手順で確認できます。

画像データの配置

イメージマップを使用するために5つの画像をサーバー等に配置する必要があります。
公式ドキュメントの「画像の設定方法」を参照してください。

サーバー等に画像を設置する

『イメージマップメッセージ』を送るサンプルコード

1行目のトークンは事前に取得したLINEのチャンネルアクセストークンを入力してください。

2行目のユーザーIDも事前に取得したIDを入力してください。

サンプルコードは「画像と動画を組み合わせたメッセージ例」になります。

『イメージマップメッセージ』を送った結果

4つのタップ領域を持つ画像のメッセージ例

「hello」をタップすると、「hello」と返します

「world」をタップすると、「world」と返します

「goolge」をタップすると、「google」を開きます

「yahoo」をタップすると、「yahoo」を開きます

画像と動画を組み合わせたメッセージ例

これを送信するとこんな感じに受信します

動画をタップし

「See More」をタップすると、externalLinkで指定したリンクに遷移します。

「google」をタップすると、「googleがタップされました」と返します

「yahoo」をタップすると、「yahooがタップされました」と返します

映像:NHKクリエイティブ・ライブラリー

コメント

タイトルとURLをコピーしました