Googleカレンダーを埋め込む

キャンバス上にGoogleカレンダーを埋め込む方法、編集方法を解説

一週間前以上前にアップデートされました

WEBサイトにGoogleカレンダーを埋め込んで表示できます。

カスタムコードの埋め込み方法

1. 埋め込み要素の配置

サイドバーの追加エレメント埋め込みでキャンバス上にカスタムコードを配置します。

埋め込み要素を指定した状態で、スタイルパネルのタイプよりGoogleカレンダーを選択します。

2.コード/スクリプトの入力

右上にある設定アイコン設定の順にクリックします。画面左側で、埋め込むカレンダーの名前をクリックします。カレンダーの統合セクションに表示されている iframe コードをコピーします。

コピーしたHTMLコードをカスタムHTMLコードに貼り付けると、Googleカレンダーを埋め込めます。

3.スタイルの変更

スタイルパネルでの指定もしくはエレメントをドラッグすることで、埋め込んだGoogleカレンダー全体のデザインを調整します。

こちらの回答で解決しましたか?