サイト閲覧者にも親切な「Googleカレンダー」をサイトに表示させる手順


釘田です。

イベントやセミナーなどのお知らせページに「Googleカレンダー」をサイトに表示させたいケースがあるかと思います。

今回は、サイトに「Googleカレンダー」を埋め込んで表示させる手順についてご説明します。
 

Googleカレンダーで予定をサイトに表示させる手順

1.サイト表示用のカレンダーを作る

まずはGoogleカレンダーを開きましょう。
11

Googleカレンダーでは、用途別にカレンダーを複数作成することができます。
「マイカレンダー」の右の▼をクリックして、「新しいカレンダーの作成」をクリックします。
1

下図では、サイトに表示させる予定用のカレンダーを作成しました。
2
ここのカレンダー名は、例えば「セミナー日程」「イベント予定」などのようにしてもいいですね。
ご自身が分かりやすい名前にしてください。

そして、「このカレンダーを一般公開する」にチェックを入れることを忘れないでください。
最後に「カレンダーを作成する」ボタンをクリックします。

このような表示が出ますので「はい」をクリック。
3

これで新しいカレンダーが作成できました。
「マイカレンダー」の右の▼をクリックすると、作成したカレンダーがすべて表示されます。
4
 

2.埋め込み用のタグを取得してサイトに貼り付ける

作成したカレンダーの右の▼をクリックして、「カレンダー設定」を選択します。
5

ここに表示されているタグをそのままコピー&ペーストでサイトに埋め込むか、またはカスタマイズするのであれば「色やサイズなどをカスタマイズします」をクリックします。
6

「色やサイズなどをカスタマイズします」をクリックした場合、この画面で設定を行います。
7

カスタマイズができたら、「HTMLを更新する」をクリックして、コードをコピーしてください。
8

このコードをサイトのhtmlに貼り付ければ、Googleカレンダーがサイトへ表示されるようになります。

例えば、Wordpressの固定ページに表示させてみます。
編集画面では「テキスト」にしてコードを貼り付けてください。
9

表示確認をしてみましょう。
10
※使用しているテーマによって表示が異なる場合があります。
 

3.Googleカレンダーに予定を入れる

Googleカレンダーで、サイトに表示させたい予定を作成しましょう。
この時に、「カレンダー」は先ほど作成したカレンダー名を選択します。
12

例えば、このように予定を入れたとします。
オレンジ色の予定が、先ほど作成したカレンダー名で作成した予定です。
13

では、Googleカレンダーを埋め込んだサイトの表示を確認してみましょう。
14

表示されている予定の部分をクリックすると、詳細の確認ができます。
15
閲覧者がGoogleカレンダーを使っていれば、「マイカレンダーにコピー」で閲覧者のカレンダーにも同じ予定が作成され表示されるようになります。

私自身Googleカレンダーでスケジュール管理をしているので、参加するセミナーなどの告知ページにGoogleカレンダーが表示されていたら、この機能は必ず使っています。閲覧者にとっても便利でありがたい機能です。

ちなみに、閲覧者がタブを切り替えれば 「週」表示にもできます。
16
 

さいごに

セミナーやイベントなどを月に何度も開催する業種の方は、公式サイトにカレンダーを表示させておいて、そこから募集ページにリンクしたり申込ができるようにしたり、といった活用方法もあります。

また、Googleカレンダーではありませんが、Wordpressを使っている方であれば 「営業日・定休日を表示するカレンダー」「カレンダーから予約が入れられる」といった機能・用途に合わせたプラグインもありますので、次回はそのプラグインをご紹介します。


釘田泰子

釘田泰子

投稿者プロフィール

WEBセールス実践者におすすめの便利ツールを紹介していきます。

*さくらnetbiz*  http://www.sakuranetbiz.com/
各種WEB作業代行、WEBに関するサポート代行、その他
フリーランスでいろんなことを請け負っています。

この著者の最新の記事

関連記事

Facebookページ

おすすめ記事

  1. ノークロージング
    上野です。 WEBセールス実践会では数々のノウハウを提供していますが、その中でもノークロセール…
  2. 吉川です。 ブログを書いたり、メールマガジンを発行しているけれど、 …
  3. 上野です。 「マーケティング」という言葉はわかりにくいです。 理由は、マーケティングの定義が…
  4. 上野です。 コピーライティングを有料で教えていますが、生徒に言うのが、 コピーライティング、…
  5. 2014/9/11

    GTD
    上野です。 GTDについて。 …

お知らせ

  1. 2014/9/11

    お知らせ2
  2. 2014/9/11

    お知らせ1
過去の記事

プレスリリース

  1. 2014/9/11

    プレスリリース2
  2. 2014/9/11

    プレスリリース1
過去の記事

売上UPの秘訣

  1. 2015-5-3

    長期戦略を立てる上での視点について

    上野です。 マーケティングを考える上で 重要なのはLTVの最大化です。 LTVの最大化…
  2. 2015-5-3

    具体的なステップメールの構成の仕方

    上野です。 具体的な販売のためのステップメールの構成の仕方です。 私が推奨しているのは7回で…
  3. 2015-5-3

    ステップメールの書き方の考え方

    上野です。 ステップメールについて。 ステップメールを考える上で大事な考え方は、なぜ、ステッ…
  4. WEBセールス実践会ロゴ

    2015-5-2

    WEBセールス実践会のロゴ

    上野です。 WEBセールス実践会のロゴできました。 …
  5. 2015-4-26

    USPの罠

    上野です。 マーケティングにおいてUSPは重要です。 しかし、USPがないとビジネスできないのか…
ページ上部へ戻る