GoogleカレンダーをWebページに表示させる

GoogleカレンダーをWebページにエンベッドする方法

 カレンダーの作成

1.「作成」をクリック

f:id:develog:20161009130903p:plain

 

 2.予定を入力

f:id:develog:20161009130912p:plain

公開設定は、Web閲覧者全員に見てもらうようにするため”一般公開”にします。

予定の入力が終わったら「保存」をクリックします。

 

カレンダーをエンベッドする設定 

1.マイカレンダーから「カレンダー設定」を選択

f:id:develog:20161009132042p:plain

 

2.カスタマイズ

「 色やサイズなどをカスタマイズします」をクリックします。

f:id:develog:20161009141233p:plain

 

ここで、表示・非表示の設定やサイズの設定を行います。 

f:id:develog:20161009141253p:plain

 

 設定の最後には「HTMLを更新する」をクリックして、作成されたコードをコピーしてソースに張り付けます。

f:id:develog:20161009141258p:plain

 

3.表示例

表示は日付とタブのみチェック、幅・高さ共に300ピクセルにしました。

f:id:develog:20161009142920p:plain