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

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

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

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

    ヒント:

    • 幅と高さがそれぞれ 500 以上になるサイズを選択します。
    • [ナビゲーション ボタン] をオフにすると、ウェブサイトでカレンダーを閲覧するユーザーは、キーボード ショートカットのみを使用して移動できるようになります。

埋め込みカレンダーを購読するには、カレンダーの左下にある [Google カレンダーに追加] をクリックします。埋め込んだカレンダーは、そのカレンダーの共有相手にのみ表示されます。すべての訪問者がカレンダーを検索できるようにするには、カレンダーを一般公開します。

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

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

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

関連リソース

Google カレンダーでキーボード ショートカットを使用する

さらにサポートが必要な場合

次の手順をお試しください。

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