information

Googleカレンダー

Googlecalendarをホームページに設定する方法です。

いくつかありますが、一番基本的なやり方をまとめます。

最初にいつも使っているGoogleカレンダーを開きます。
 
https://www.google.com/calendar/
 

次に共有すたいマイカレンダー(画面左下のラベルがあるところ)から共有したい、カレンダーのタイトルを選ぶとプルダウンが表示されます。(今回ですとCreativeCrew event)そこで「カレンダーの設定」を選ぶと以下の詳細が表示されます。

 

sample1

 

 

ここでカレンダーのアドレス

「HTML」

をクリックすると以下の画面が開きます。

Screenshot_2

ここで、ウインドウの右下「設定ツール」をクリックします。

すると以下の設定画面に遷移します。

Screenshot_3

ここで、様々(画面サイズとか高さとか週の開始日とか)の設定を行います。

そして以下のような生成されたコードを埋め込みすれば完成。

<iframe src="https://www.google.com/calendar/embed?src=hv716aosd540on7u38bei13uro%40group.calendar.google.com&ctz=Asia/Tokyo" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>

簡単ですね。
 
 




他にも、XMLから生成する方法を行えば予定を生成しながら、表示も可能です。
こちらは少しテクニカルな要素が入ってきますが以下のようなリスト表示も可能です。
 
 
2018-04-25(水)
本日の予定はありません。