くら
こんにちは「くら」です！
LINE公式ドキュメント を参考に GAS を使って各APIを試しています。
くら
その他のアクションについては別記事で紹介しています。
くら
今回は「 イメージマップメッセージ 」の送り方を紹介します。
公式ドキュメントは こちら を参照してください。
事前準備
LINE Developersで チャンネルアクセストークン を取得してください。
LINEの ユーザID の調べ方はこの手順で確認できます。
画像データの配置
イメージマップを使用するために５つの画像をサーバー等に配置する必要があります。
公式ドキュメントの「画像の設定方法」を参照してください。
『イメージマップメッセージ』を送るサンプルコード
1行目のトークンは事前に取得したLINEのチャンネルアクセストークンを入力してください。
2行目のユーザーIDも事前に取得したIDを入力してください。
サンプルコードは「画像と動画を組み合わせたメッセージ例」になります。
『イメージマップメッセージ』を送った結果
4つのタップ領域を持つ画像のメッセージ例
「hello」をタップすると、「hello」と返します
「world」をタップすると、「world」と返します
「goolge」をタップすると、「google」を開きます
「yahoo」をタップすると、「yahoo」を開きます
画像と動画を組み合わせたメッセージ例
これを送信するとこんな感じに受信します
動画をタップし
「See More」をタップすると、externalLinkで指定したリンクに遷移します。
「google」をタップすると、「googleがタップされました」と返します
「yahoo」をタップすると、「yahooがタップされました」と返します
映像：ＮＨＫクリエイティブ・ライブラリー
くら
その他のアクションについては別記事で紹介しています。
コメント