STAFF BLOG

GoogleカレンダーAPIを使って、GoogleカレンダーをWEBサイトで表示しよう!

Web制作

2020/7/10

GoogleカレンダーAPIを使って、GoogleカレンダーをWEBサイトで表示しよう!

Googleカレンダー

まずGoogleカレンダーを準備してください。

GoogleAPIキーを取得します。

GoogleカレンダーのAPI取得方法

FULL CALENDARをダウンロード

リンク先ページに「Latest:fullcalender-3.9.0.zip」などのリンクがあるのでクリックダウンロード 本家

必要ファイル

ソースとコード 

カレンダーを表示させたい場所に

カレンダーの設定

設定と共有をクリック

アクセス制限

「一般公開して誰でも利用できるようにする」にチェックする

カレンダーの統合

カレンダーIDをコピーする

以上で、カレンダーが表示されたと思います。

ソースとコード 複数の時

複数項目の追加

他のカレンダーから項目を増やす

項目の設定

項目を設定してカレンダーを作成

設定と共有をクリック

あとは、上記で説明した、アクセス制限とカレンダーの統合で設定を行ってください。