GoogleカレンダーをWEBサイトに埋め込み表示する

google
このエントリーをはてなブックマークに追加
PR

Googleカレンダーとは?

Googleのアカウントを持っていれば無料で利用できる

Googleカレンダーというものがあるのですが

 

複数のカレンダーを作成することも可能で

また知人のカレンダーを取り込むことも、自分のカレンダーを誰かに共有することも可能です

共有の範囲も、一般公開から 招待した人など限定出来ます

 

何かのチームのカレンダーを作ったり

または営業日のカレンダーを作ったり

シフトカレンダーなんかもできちゃいます

 

 

そんなGoogleカレンダーなんですが

共有だけではなくWEBサイトにも埋め込むことが可能です

WEBサイトに、営業日のカレンダーとか

イベントのカレンダーを埋め込んで表示するのに使えます

 

 

一度WEBサイトに埋め込んでしまえば、あとは

Googleカレンダー側での操作だけで済むので、メンテナンス性に優れてます

 

 

 

GoogleカレンダーをWEBサイトに埋め込む

Googleカレンダーにアクセスして

左のメニューで、個別のカレンダーにカーソルを合わせると表示される 三角マークをクリックします

次に、現れたメニューから カレンダー設定 を選びます

screenshot00017

 

 

カレンダー設定を表示すると このカレンダーを埋め込むという項目があります

そこにはすでに埋め込みようのコードが表示されていますが、詳細設定することが出来ます

色やサイズなどをカスタマイズします へ移動

www_google_com_calendar_render__#cIdtv-dGhyNXRqdWdqamo0ZzFjOGFwN2xmb2tpZmtAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ-0-0

 

 

 

カスタマイズのページでは、カレンダーのタイトルや

いろいろな項目の表示、非表示を設定することが出来ます

また、複数のカレンダーを選ぶことも可能

カスタマイズが完了したら カレンダー埋め込みコードが表示されているところの 右上にあるHTMLを更新するを

クリックしてから、表示されている iframe のコードをコピーして

WEBサイトのHTMLに貼り付けるだけです

screenshot00016

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)