Googleカレンダーに追加する(予定を登録する)リンクを設置する方法
あるサイトに「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(終了日時)」形式で指定
関連記事
-
-
GoogleMapAPIでクリックした座標にマーカーを設置する方法
GoogleMapAPIでクリックした位置にマーカーを設置し、座標の経度緯度をテ ...
-
-
androidでgeolocationを使うとtimeoutになる
Geolocation APIを用いて現在地をGoogleMapに表示させるとい ...
-
-
Google Maps APIでメインカラーを変更する方法
GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...
-
-
サイト内のリンククリック数を測定する方法(イベントトラッキング)
特定のリンクのクリック数を測定したかった。調べるとGoogleアナリティクスのイ ...
-
-
Google Chart APIを用いてQRコードを生成する方法
jqueryとかpearのライブラリとか使わずに、簡単にQRコードを生成したかっ ...