インタラクティブなカレンダーをウェブサイトに追加したり、ウェブサイトの訪問者がカレンダーの予定を保存するためのボタンを追加したりできます。
カレンダーをウェブサイトに埋め込む
- パソコンで Google カレンダーを開きます。ウェブサイトに埋め込むコードはパソコンでのみ生成できます。Google カレンダー アプリでは生成できません。
- 右上にある設定アイコン
設定] をクリックします。
- 画面左側で、埋め込むカレンダーの名前をクリックします。
- [カレンダーの統合] セクションに表示されている iframe コードをコピーします。
- 埋め込みコードの下で、[カスタマイズ] をクリックします。
- 色やサイズなどを選択してから、表示されている HTML コードをコピーします。
ヒント:
- 幅と高さがそれぞれ 500 以上になるサイズを選択します。
- [ナビゲーション ボタン] をオフにすると、ウェブサイトでカレンダーを閲覧するユーザーは、キーボード ショートカットのみを使用して移動できるようになります。
設定] をクリックします。埋め込みカレンダーを購読するには、カレンダーの左下にある [Google カレンダーに追加] をクリックします。埋め込んだカレンダーは、そのカレンダーの共有相手にのみ表示されます。すべての訪問者がカレンダーを検索できるようにするには、カレンダーを一般公開します。
サイトの訪問者がカレンダーの予定を保存できるようにする
ウェブサイトに Google カレンダー ボタンを追加すると、サイトの訪問者が各自の Google カレンダーにあなたの予定を簡単に保存できるようになります。あなたのカレンダーの予定を誰でも保存できるようにするには、カレンダーを一般公開する必要があります。
- パソコンで Google カレンダーを開きます。カレンダーの公開設定は、パソコンからのみ変更できます。モバイルアプリからは変更できません。
- 一般公開のカレンダーで予定を作成または編集します。
- [その他の操作]
- [予定を公開] ウィンドウで、表示されている HTML コードをコピーします。
- ウェブサイトのエディタを開き、予定のボタンを表示したい場所にコードを貼り付けます。