勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

Googleカレンダーに追加する(予定を登録する)リンクを設置する方法

  Google HTML

あるサイトに「Googleカレンダーに追加する(予定を登録する)ボタンを設置してほしい」と要望を受けた。クリックするとGoogleカレンダーに遷移し、日時とタイトルが自動で入力されており、すぐに予定を登録できる状態にするというもの。APIか何か使うのかと思いきや簡単に作成できた。以下にサンプルと方法をメモ。

 

サンプル

タイトル「テスト件名」、期間「2025/05/20 12:00 ~ 2025/05/21 13:00」のリンク

 

実装方法

ソースコード

<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=%E3%83%86%E3%82%B9%E3%83%88%E4%BB%B6%E5%90%8D&dates=20250520T120000/20250521T130000" target="_blank">Googleカレンダーに追加する</a>

解説等

「http://www.google.com/calendar/event」のURLに以下GETパラメータを指定する。

  • action TEMPLATE(固定且つ必須)
  • text タイトルをURLエンコードの上で指定
  • dates 期間を「YYMMDD(開始日)/YYMMDD(終了日)」もしくは「YYYYMMDDTHHMMSS(開始日時)/YYYYMMDDTHHMMSS(終了日時)」形式で指定

 - Google HTML

  関連記事

GASで特定サイトをスクレイピングし、画像をGoogleドライブに保存

Google Apps Scriptで特定のサイトにスクレイピングし、画像が掲載 ...

GASで「カクヨム」の更新状況をスクレイピングで取得する

Google Apps Scriptの勉強として「カクヨム」の指定した小説が更新 ...

formにGoogle reCAPTCHA v3を組み込み、PHPでスコア判定する方法

だいぶ前にGoogle reCAPTCHA v2をformに組み込むという記事を ...

GASでGoogleカレンダーと連携してイベントの取得・追加・削除

Google Apps Scriptの勉強としてGoogleカレンダーと連携させ ...

GASとDrive APIを組み合わせて画像やPDFファイルをOCR処理する方法

Googleドライブに保存した画像やPDFファイルをOCR処理し、ファイル内のテ ...