【GAS】LINE BOTのボタンにURLリンクを設定するURIアクションの使い方

2019-11-09 / 2025-11-27

この記事では、Google Apps Script (GAS) を利用して、LINE BOTのメッセージに設定するボタンをタップした際に指定のウェブページを開かせる「URIアクション」の使い方を解説します。

URIアクションは、ユーザーを特定のウェブサイトやサービスに誘導したい場合に非常に便利な機能です。

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

Google Apps Script 始め方スプレッドシート活用例を各ショップで検索

楽天市場で探す Amazonで探す Yahoo!ショッピングで探す

LINE BOT チャットボット作り方を各ショップで検索

楽天市場で探す Amazonで探す Yahoo!ショッピングで探す

事前準備

実装を始める前に、以下の準備が必要です。

チャンネルアクセストークンの取得: LINE Developersコンソールからアクセストークンを取得します。

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

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

ユーザーIDの取得: メッセージの送信先となるご自身のLINEユーザーIDを取得します。

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

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

スクリプトプロパティの設定: 今回のサンプルコードでは、アクセストークンとユーザーIDをスクリプトプロパティに保存して使用します。以下の記事を参考に、TOKENとDEBUGIDというキーでそれぞれの値を設定してください。

【GAS】Google Apps Scriptで簡単なLINE BOTを作る方法（コピペ可）

Google Apps Script(GAS)を使って、特定のキーワードに反応するシンプルなLINE BOTを作成する手順を解説します。Googleアカウントさえあれば無料で開発可能。初心者でもコピペで実装できるよう、コードと設定方法を詳しく紹介します。

実装コード

以下の関数は、URIアクションが設定されたボタンテンプレートメッセージを送信します。

/*
ボタンテンプレートメッセージを送る(uri)
-----------------------------*/
function uri_action() {
  /* スクリプトプロパティのオブジェクトを取得 */
  const prop = PropertiesService.getScriptProperties().getProperties();

  /* ボタンテンプレートメッセージを送る(uri) */
  UrlFetchApp.fetch('https://api.line.me/v2/bot/message/push', {
    'headers': {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer ' + prop.TOKEN, // スクリプトプロパティにトークンは事前に追加しておく
    },
    'method': 'POST',
    'payload': JSON.stringify({
      "to": prop.DEBUGID, // スクリプトプロパティに送信先IDは事前に追加しておく
      "messages": [
        {
          "type": "template",
          "altText": "uri",
          "template": {
            "type": "buttons",
            "thumbnailImageUrl": "https://placehold.jp/640x480.jpg?text=uri", // 画像のURL
            "imageAspectRatio": "rectangle", // 画像のアスペクト比
            "imageSize": "cover", // 画像の表示形式
            "imageBackgroundColor": "#FFFFFF", // 画像の背景色
            "title": "メニュー",
            "text": "以下より選択してください。",
            "actions": [
              {
                "type": "uri",
                "label": "yahoo",
                "uri": "https://www.yahoo.co.jp/"
              },
              {
                "type": "uri",
                "label": "google",
                "uri": "https://www.google.com/"
              }
            ]
          }
        }
      ],
      "notificationDisabled": false // trueだとユーザーに通知されない
    }),
  });
}