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

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

このページでは、ホームページに予約状況カレンダーを表示するための、Googleカレンダーの使い方を、誰にでも分かるように、一から丁寧にご説明します。

目次

Googleカレンダーとは?

Googleが無料で提供している、非常に便利なスケジュール管理ツールです。

一番の強みは、パソコンとスマートフォンが自動で連携(同期)すること。

つまり、船長さんがスマホのアプリで予約状況を更新するだけで、ホームページに表示されているカレンダーも、瞬時に自動で更新されるのです。

この仕組みを使えば、いつでもどこでも、手間をかけずに最新の予約状況をお客様にお知らせできます。

ヒナテラス谷口

無料で簡単に使えるので安心してください

準備編 – 予約用のカレンダーを作ろう

まずは、ホームページに公開するための、お店専用の「予約カレンダー」を準備します。

STEP 1:事業用のGoogleアカウントを用意する

もし、まだお持ちでなければ、この機会にお店専用のGoogleアカウント(Gmailアドレス)を一つ作成することを強くおすすめします。

この一つのアカウントで、予約用のGoogleカレンダーだけでなく、Googleマップにお店の情報を表示させるために不可欠な「Googleビジネスプロフィール」も管理できます。

個人のアカウントと分けておくことで、今後の事業運営が非常に楽になります。

ヒナテラス谷口

グーグルアカウントは何個でも作れます。1つのアカウントごとにGmailアドレスが1つ付与され、事業用として使用される方が多いです

【Googleアカウントの作成手順】

  1. まず、Googleアカウント作成ページにアクセスします。
  2. 画面の指示に従い、氏名、希望するユーザー名(例:[あなたの船の名前]@gmail.com)、パスワードなどを入力します。途中、「個人での利用」か「ビジネス管理用」かを選択する画面が表示されるので、「ビジネス管理用」を選択してください。
  3. 電話番号による確認など、画面の案内に沿って進めれば、数分で作成は完了です。

STEP 2:新しいカレンダーを作成する

新しいカレンダーの作成方法です。

ヒナテラス谷口

1つのアカウントで用途別のカレンダーをいくつも作れます。今回は「予約管理専用」のカレンダーを作ります。

【カレンダー作成手順】

  1. パソコンでGoogleカレンダーにアクセスします。この時、画面右上のアイコンを見て、STEP1で作成した事業用のアカウントでログインしていることを必ず確認してください。
  2. 画面左側にある「他のカレンダー」の横の「+」ボタンをクリックし、「新しいカレンダーを作成」を選択します。
  3. 名前の欄に、お客様に分かりやすい名前(例「ビーナス 予約カレンダー」)を入力します。
  4. 「カレンダーを作成」ボタンをクリックします。

これで、あなたの予約管理専用のカレンダーが完成しました。

実践編 – 予約を入れてみよう

次に、作成したカレンダーに、実際の予約情報を追加します。

予約を入れる方法

Googleカレンダーに予約を入れる方法を解説します。

スマホからでも、パソコンからでも基本的な操作は同じです。

STEP
スマホに「Googleカレンダー」アプリをインストールします。

PCの場合は「Googleカレンダー」のページへ。

STEP
アプリを開き、事業用のアカウントでログインしていることを確認します。
Googleカレンダーでアカウントを確認

右上のアカウントマークをタップすると、どのGoogleアカウントでログインしているか分かります。

Googleカレンダーでアカウントを確認
STEP
予約をいれたい日をタップします

日にちを選択せずに進むと当日の予定になってしまうので注意

STEP
右下の「+」ボタンをタップし「予定」を選択します。
STEP
タイトルを入力

独自のルールを決めて入力。その説明はHP上で行う。

詳しくは後述します。

STEP
「終日」のスイッチをONにします。
STEP
カレンダーの名前が表示されている部分をタップし、先ほど作成したお店専用のカレンダーが選ばれていることを確認します。

マイカレンダーを選択してしまうと、自分のプライベートのスケジュールが公開されてしまうので注意。

STEP
説明を追加をタップして、予約されたお客様の名前と人数を入力

カレンダー上でタイトルをタップしたときに表示されます。

予約された人は、ここで予約が反映されていることを確認できます。

STEP
右上の「保存」をタップして完了

以上で終了です。

タイトルについて

タイトルの入力に関しては、各遊漁船さんがそれぞれ独自のルールを決めて入力されています。

しかし、お客様にとって非常にわかりづらい表記が多いので、しっかり考えてルールを作らないといけません。

文字数に注意

PCで見た時とスマホで見た時では表示される文字数が違います。

PCの場合↓

釣種や空き状況がわかります。

スマホの場合↓

釣種はかろうじてわかりますが、「空き」なのか「満席」なのかがわかりません(クリックするとわかります)

スマホでは4文字位しか表示されません。

ヒナテラス谷口

ほとんどの人がスマホから見ますので、スマホに最適化した表示ルールを考えていきましょう。

公開編 – ホームページに埋め込もう

完成したカレンダーをホームページに表示させる方法です。

「埋め込みコード」を取得してHPに貼り付けます。

※最初の設定時に1回行うだけなので安心してください。1度設定してしまえば、あとはカレンダーを更新するだけでOKです。

STEP
パソコンでGoogleカレンダーにアクセスします。

スマホでは「埋め込みコード」が取得できません。

STEP
「設定と共有」

画面左側にある公開したいカレンダーにカーソルを合わせ、表示される「︙」をクリックし、「設定と共有」を選択します。

STEP
「アクセス権限」

「予定のアクセス権限」のセクションで「一般公開して誰でも利用できるようにする」にチェックを入れます。

STEP
「埋め込みコード」の取得

同じ画面の「カレンダーの統合」セクションにある「埋め込みコード」を全てコピーします。

STEP
HPへ「埋め込みコード」を貼り付ける

HP管理者へ「埋め込みコード」を伝えてください。

ヒナテラス谷口

これで、あなたがスマホで予約状況を更新するたびに、ホームページのカレンダーも自動で更新されるようになります。 もし、途中で分からなくなってしまった場合は、いつでもお気軽にご連絡くださいね!

この記事を書いた人

晴れの国岡山在住のフリーランスです。HP制作・管理・運用を格安で承ります。顧客が増えるHPを提案し共に成長させて頂ければ幸いです。

目次