LoginSignup
1
0

Googleカレンダーの予定を追加し招待リンクを生成する

Last updated at Posted at 2024-03-07

はじめに

みなさんこんにちは!
まずは本記事を読んでいただきありがとうございます。

今回はボタンをクリックするとGoogleカレンダーの予定追加画面に遷移し、招待リンクを生成するときの手順を説明したいと思います。

できること

URLリンクを設置し、ボタンをクリックするとGoogleカレンダーの予定追加画面に遷移し、初期値をセットすることができます。

例1)URLリンクをクリックすると初期値に予定の「件名」「詳細」がセットされます。

URLリンク

スクリーンショット 2024-03-07 20.23.54.png

実現方法

URLリンクに任意のパラメータに初期値の値をセットします。

例えば、 先ほどの例は下記のようなパラメータがセットされていました。

https://www.google.com/calendar/render?action=TEMPLATE&text=同期ディズニー&dates=20240331T120000/20240331T140000&location=千葉県浦安市舞浜1−1&trp=true&details=サークルの同期と卒業旅行&trp=undefined&trp=true&sprop=&add=hoge@gmail.com

パラメータの一覧は以下のようになります。
 

パラメータ  説明
text 件名
dates 日時
例) dates=20090621T063000Z/20090621T080000Z
フォーマット:YYYYMMDDTHHmmSSZ/YYYYMMDDTHHmmSSZ
location 場所
details 詳細
sprop サイトURLやサイト名
add ゲストのメールアドレス 複数指定する場合は「,」で区切る

trpは謎のパラメータですがとりあえずtrueにしておきましょう!

最後に

ここまで読んでいただきありがとうございます。

今回はボタンをクリックするとGoogleカレンダーの予定追加画面に遷移し、招待リンクを生成するときの手順を説明しました。

カレンダーの招待機能が、パラメータを指定してリンクを踏むだけで作成できることに非常に驚きました!

普通にgoogleカレンダーから入力しても同じやん!と思った方もいると思います。

そこで!!
応用例としては、イベント作成アプリが挙げられます。

<フロー>
image.png

<フォーム>

このような感じになります。

webサービスに組み込みたいと思った方はぜひ参考にしていただけると幸いです!!

参考

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0