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

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

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

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

  1. パソコンで Google カレンダーを開きます。埋め込み用のコードは、パソコンのウェブサイトからのみ取得できます。モバイルアプリからは取得できません。
  2. 右上にある設定アイコン 設定 > [設定] をクリックします。
  3. [カレンダー] タブを開きます。
  4. 埋め込むカレンダーの名前をクリックします。
  5. [このカレンダーを埋め込む] セクションに表示される iframe コードをコピーします。
  6. ウェブサイトのエディタを開き、カレンダーを表示したい場所にコードを貼り付けます。

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

埋め込まれたカレンダーをカスタマイズする

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

注: 天気情報カレンダーは地域によって変化するため、ウェブサイトに埋め込んだ場合、このカレンダーは表示されなくなります。

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

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

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

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

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