Googleカレンダーをサイトに表示させたいというご要望を頂きましたので、マニュアル代わりに記事として公開させて頂きたいと思います。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-01.jpg?resize=1024%2C554&ssl=1)
とは言え、Googleカレンダーをサイトや記事に埋め込み表示させる方法は非常に簡単です。
「カスタムHTML」で表示させたいGoogleカレンダーコードをコピペすればOKです。
なお、埋め込みたいGoogleカレンダーのコードの取得方法を下記に簡単に説明いたしますね。
Googleカレンダーのコードの取得方法
※Googleアカウントにログインする必要があります。
Googleアプリにある「カレンダー」をクリックします。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-02.jpg?resize=1024%2C554&ssl=1)
Googleカレンダーで表示したいカレンダー名にマウスを重ねると表示される「オーバーフロー メニュー」をクリック。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-03.jpg?resize=1024%2C554&ssl=1)
オーバーフロー メニューから、「設定と共有」を選択します。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-04.jpg?resize=1024%2C554&ssl=1)
「予定のアクセス権限」セクションに移動し、「一般公開して誰でも利用できるようにする」にチェック。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-05.jpg?resize=1024%2C554&ssl=1)
警告が表示されるので、問題ない場合は「OK」をクリック。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-06.jpg?resize=1024%2C554&ssl=1)
「カレンダーの統合」セクションに移動し、「埋め込みコード」から埋め込みコードをコピーします。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-08.jpg?resize=1024%2C554&ssl=1)
Googleカレンダーのコードの埋め込み
Googleカレンダーの埋め込みコードを取得したなら、あとは埋め込みたいページや記事にペーストすればOKです。
今回はWordPressを使った方法とHTML(PHP)に貼り付ける方法をご紹介いたします。
[WordPress]固定ページ、投稿記事に埋め込む方法
WordPressで埋め込む場合は前述した通り、「カスタムHTML」ブロックを選択。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-09.jpg?resize=1024%2C554&ssl=1)
先程コピーした「埋め込みコード」をペーストすればOKです。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-10.jpg?resize=1024%2C554&ssl=1)
プレビューで問題なく表示されているか確認してください。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-11.jpg?resize=1024%2C531&ssl=1)
[HTML、PHP]埋め込む方法
埋め込みたいファイルをテキストエディタなどで開き、該当箇所に「埋め込みコード」をペーストすればOKです。
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-12.jpg?resize=946%2C583&ssl=1)
注意
![](https://i0.wp.com/kmnmc.com/wp-content/uploads/2024/02/0210-13.jpg?resize=1024%2C531&ssl=1)
こちらの画像のように「カレンダーの表示権限がないため、予定を表示できません。」と出ている場合は、「予定のアクセス権限」にチェックが入っているかご確認ください。
まとめ
以上がGoogleカレンダーをサイトに表示させる方法となります。
大まかな流れとしては、Googleカレンダーの「埋め込みコード」を取得し、サイトにコードを貼り付ける形となります。
その他にもGoogleではカレンダーの基本操作の他、共有設定、便利な機能などを紹介しているガイドページがありますので、Googleカレンダーを有効利用したい方は、公式サイトをご覧ください!