APIを使わずにHTML「aタグ」で作成したリンクでGoogleカレンダーに予定を入れる方法
イベントページを作成した際にAPIを使わずにHTML「aタグ」のリンクで予定を入れれるのは便利なので是非マスターしましょう。
例
上の例をクリックすると以下のように自分のGoogleカレンダーの予定の登録画面になると思います
コード
<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=title-text&dates=20220101/20220102"target="_blank">正月の予定を登録</a>
解説
http://www.google.com/calendar/event?action=TEMPLATE&text=title-text&dates=20220101/20220102
を分解して解説していきます。
URL
http://www.google.com/calendar/event
まず最初にこちらを指定します。このURLは固定です。このURLにクエリストリングでパラメータを追加していきます。
パラメータ
パラメータは以下になります。
パラメーター | 必須 / オプション | 説明 |
---|---|---|
action | 必須 | TEMPLATE |
text | 必須 | 予定の件名 |
dates | オプション | 予定の日時 |
location | オプション | 予定の場所 |
trp | オプション | 外部向け表示 |
add | オプション | 予定に招待するゲストのメールアドレス。複数指定する場合は、カンマ(,)で連結して指定します。 |
src | オプション | カレンダーを指定する |
details | オプション | 予定の詳細 |