Google カレンダーを自サイトで表示する(1)

Google カレンダーを利用されている方は多いでしょう。
様々な共有機能があったりして、非常に便利です。
そのGoogle カレンダーをHPのページに貼り付けて公開する方法の一つを紹介します。

今回のは、あるクリニックの

  • 診療日(臨時診療、臨時休業も含めて)
  • 医師・スタッフのシフト
  • その他

を知らせる、といったケースです。
ショップ、飲食店の営業日や営業時間、イベント情報をお知らせする場合にも応用できるでしょう。

Googleカレンダー01

ワードプレスなどでは、プラグインやウィジェットを用いて「営業日カレンダー」を表示させる方法があります。
なかなか高機能なものもあるのですが、有償だったり、登録が面倒だったりします。
特に、エンドユーザー(クライアント)が自由に、簡単に更新したい場合はハードルが高いケースが殆どです。
(クライアントが管理画面を自在に扱えるのであれば、話は別)

しかし、Googleカレンダーは利用者も多くなって来ていますし(みんな慣れてきている)、
ユーザーインターフェースも優しく、使いやすくなっています。
(一部マニアックな部分もありますが)
それを考えると、プラグインやウィジェットを用いるよりも、現実的だといえます。

大まかな流れは、以下のようになります。

  1. Googleで、そのクリニック(お店)用のアカウントを新たに作成する。
  2. そのクリニック(お店)用のアカウントでGoogleカレンダーを作成する。
  3. Google カレンダー埋め込み支援ツールを利用してコードを作成。
  4. 目的のページにそのコードを貼り付ける。

以上で、自分のサイトでGoogleカレンダーを表示できるようになります。
この仕組みを仕込んでおけば、以降の表示内容は、エンドユーザー(クライアント)が自在に更新できます。

ですが、

  • 診療日(営業日)、休診日(休業日)、イベントなどそれぞれで色を変えて表示したい
  • その他細かくカスタマイズしたい

などといった場合には、以上の流れの中で、様々なテクニック(と言う程でもありませんが (^^♪ )が必要になります。
それは、また次回にご案内いたします。

\ 最新情報をチェック /

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

ワードプレス

前の記事

Cufon