検索
検索をクリア
検索終了
Google アプリ
メインメニュー

以下の情報は、Google カレンダーの新しいバージョンを対象としています。以前のバージョンをお使いの場合は、Google カレンダーにログインしてから、このページを更新してください。

Google カレンダーをウェブサイトに追加する

インタラクティブなバージョンのカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存できるボタンを追加したりすることができます。 

インタラクティブなバージョンのカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存できるボタンを追加したりすることができます。 

手順 1: ウェブサイトにカレンダーを埋め込む

  1. パソコンで Google カレンダーを開きます。コードを取得してウェブサイトに埋め込む操作はパソコンでのみ行えます。Google カレンダー アプリでは行えません。 
  2. 右上にある設定アイコン 設定 次へ [設定] の順にクリックします。
  3. 画面左側で、埋め込むカレンダーの名前をクリックします。
  4. [カレンダーの統合] セクションに表示されている iframe コードをコピーします。 
  5. ウェブサイトのエディタを開き、カレンダーを表示させる場所にこのコードを貼り付けます。

埋め込まれたカレンダーは、あなたがカレンダーを共有したユーザーにのみ表示されます。すべての訪問者がカレンダーを閲覧できるようにするには、カレンダーを一般公開する必要があります。

手順 2: 埋め込んだカレンダーをカスタマイズする

  1. パソコンで Google カレンダーを開きます。埋め込んだカレンダーのカスタマイズはパソコンでのみ行えます。モバイルアプリではカスタマイズできません。 
  2. 右上にある設定アイコン 設定 次へ [設定] の順にクリックします。
  3. 画面左側で、埋め込むカレンダーの名前をクリックします。
  4. [カレンダーの統合] セクションで、
  5. [このカレンダーを埋め込む] セクションで、[色やサイズなどをカスタマイズします] をクリックします。
  6. 色やサイズなどを選択してから、表示されている HTML コードをコピーします。
  7. ウェブサイトのエディタを開き、カレンダーを表示させる場所にこのコードを貼り付けます。

サイトの訪問者がカレンダーの予定を保存できるようにする

あなたの予定を訪問者が各自の Google カレンダーに保存できるように、ウェブサイトに Google カレンダー ボタンを追加できます。あなたのカレンダーの予定を誰でも保存できるようにするには、カレンダーを一般公開する必要があります。

  1. パソコンで Google カレンダーを開きます。カレンダーの公開設定は、パソコンからのみ変更できます。モバイルアプリからは変更できません。
  2. 公開カレンダーを編集し、[公開設定] セクションを見つけます。
  3. [予定を公開] をクリックします。
  4. [予定を公開] ウィンドウに表示される HTML コードをコピーします。
  5. ウェブサイトのエディタを開き、予定のボタンを表示したい場所にコードを貼り付けます。

このページを執筆した Google カレンダーのエキスパートに転送いたしますので、フィードバックをお寄せください。

この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。