ホームページに営業カレンダーを掲載する

お店や会社のホームページに、営業日などのカレンダーを掲載したい、というご要望は少なくないとおもます。この解説ページでは、無料で利用できるGoogleカレンダーを使って、ホームページに営業日の案内などのカレンダーを掲載する方法をご紹介します。

Googleカレンダーをホームページに載せる

実際の例をご紹介します。画像は弊社(つまりこのWebサイト)の「カレンダー」ページを画像にしたものです。(実際のカレンダーページはこちら→カレンダー):弊社のWebサイトのメニュー「ホーム」→「当社概要」→「カレンダー」とクリックしてたどる事もできます。

Googleカレンダーは、ホームページへ埋め込むことが出来る

上図でも分かるように、Googleカレンダーは、ホームページなどへ直接埋め込んで表示することが出来ます。(ホームページでなくても、条件さえ揃えばブログやSNSなどにも表示できます)

ホームページへGoogleカレンダーが埋め込める(表示できる)と、何がスゴい(良い)かというと・・・

ホームページを編集せずにカレンダーを表示できる

上記でご紹介したカレンダーは、当社のホームページの中に「Googleカレンダーを埋め込んで表示したもの」です。なので、カレンダーそのものの表示はGoogleカレンダーで作ったもの。一度だけ「埋め込んで表示する」設定さえしてしまえば、あとはホームページの方は一切編集せずにカレンダーを表示できます。

スケジュールをリアルタイムで更新できる

ホームページ上に埋め込んだGoogleカレンダーは、元のGoogleカレンダーの方でスケジュールを追加・更新・変更などすれば、リアルタイムに連動してどんどん更新されます。つまり、ホームページそのものをいじらなくても、Googleカレンダーに営業スケジュールなどを追加していくだけでOK、というわけです。

スマホで操作できちゃう

Googleカレンダーは、スマートフォンやタブレットなどでサクサク編集できちゃいますので、例えば「来月の営業日・休業日を変更したのをカレンダーに反映したい」というようなときでも、スマートフォンでカンタンに操作できてしまいます。

ウチの会社もやりたい!と思ったら・・・

Googleカレンダーをホームページへ埋め込むのは、条件が整っていればそれほど難しくありません。(ご自分でブログを投稿できる・FBページに記事を投稿できるとか、そういうことが出来る程度にパソコンが操作できればOKです)

じゃあ、その「条件」って・・・?前提条件は2つだけ。

1.ホームページの設定や編集ができる環境になってること

最初に「Googleカレンダーを埋め込む」作業のとき1回だけ、埋め込むホームページの設定や編集をする必要があります。JimdoとかWixのような、自社運営出来るホームページをお持ちでしたら、ここはラクラククリア、ですね(^^)
あるいは、ホームページの設定や編集をしてくれるWeb運営業者さんとお付き合いがあれば、一時的にこの1回きりの作業をお願いする、ということでもOKです。

2.Googleアカウントを持っていてお店用のカレンダーを作成できるようになってること

Googleアカウントは、Google(Android)スマートフォンを使っている方なら必ず持っています。Androidスマートフォンをお持ちでなくても、無料でGoogleアカウントを登録して取得することも出来ます。そのアカウントを使って、Googleカレンダーを作成します。(Googleカレンダーは、「自分のスケジュールを登録する用」「お店の営業日を登録する用」のように、一つのGoogleアカウントで複数使い分けることが出来ます)・・・ちなみに、上記でも説明したようにGoogleカレンダーの利用は、基本「すべて無料」で利用ができます。

Googleカレンダーの埋め込み方法

冒頭で説明したような「Googleカレンダーを自分の会社のホームページに埋め込む」のには、以下の手順で作業します。

  1. ホームページに埋め込むGoogleカレンダーをひとつ作成する(既存のものを使う、でもOKです)
  2. 作成したカレンダーの設定ページへ入り、カレンダーの共有設定をする
  3. 共有設定したカレンダーの「埋め込みコード」を取得する(Googleカレンダーの設定ページに自動で作成されていますので、探して「コピー」するだけです)
  4. 表示したいホームページの該当ページへ、この「埋め込みコード」を貼り付けて保存する(←ここは、ホームページの仕様・仕組みなどによってそれぞれ異なります)

とりあえずこれだけの説明で、ご自分で出来るかも?という方は、ぜひチャレンジしてみてください。ただ、もう少し詳しく手順解説を知りたい、という方は以下のページでご説明しています。(2022年3月27日現在、記事編集中です。申し訳ありませんがしばらくお待ち下さい)

GoogleカレンダーをWebページへ埋め込む