WordPressの予約システム「Amelia」とGoogleカレンダーを連携する方法

目次

やりたいこと

  • 予約が入ると自動でGoogleカレンダーに予定が追加される
  • Googleカレンダー上の予定が「予約できない時間」として自動的にブロックされる(設定次第)

というのを、Chat GPTさんにききつつやったので、メモしておく。

事前準備しておくもの

  • Amelia 有料版ライセンス

ステップ1:Google Calendar APIを有効にする

  1. Google Cloud Console にアクセス
    👉 https://console.cloud.google.com/
  2. プロジェクトを作成(または既存のプロジェクトを選択)
  3. 左メニュー「APIとサービス」→「ライブラリ」
  4. 「Google Calendar API」を検索してクリック
  5. 「有効にする」ボタンをクリック
    ※これでAmeliaがGoogleカレンダーと通信できるようになります

最初、この手順が抜けていたので、Googleにログインしてもエラーとなってしまった。

ステップ2:OAuth同意画面を作成する

  1. 「APIとサービス」→「OAuth同意画面」
  2. 左メニュー「タブ」:
    • ユーザータイプ:外部
  3. 左メニュー「ブランディング」
    • アプリ名:amelia-googlecalendarなど、わかりやすい名前いれる
    • メールアドレス:自分のメールアドレス
    • 承認済みドメインに自分のサイトドメインを入力(例:https://example.com
  4. 「クライアント」:
    • 承認済みのリダイレクト URI
  5. 保存して完了

ステップ3:OAuthクライアントIDとシークレットを取得する

  1. 左メニュー「認証情報」→「+認証情報を作成」→「OAuthクライアントID」
  2. アプリケーションの種類:ウェブアプリ
  3. 名前:「Amelia連携用」など自由に
  4. 承認済みのリダイレクトURI を入力:
    • https://[あなたのドメイン]/wp-admin/admin.php?page=wpamelia-employees
  1. 作成後に表示される クライアントIDクライアントシークレット をメモしておく

ステップ4:Amelia側でGoogle設定を入力する

  1. WordPressダッシュボード → Amelia → SettingsIntegrationsGoogleカレンダータブ
  2. 上で取得した「クライアントID」「クライアントシークレット」を貼り付けて保存
  3. Google カレンダーにチェックを入れる 
  • Googleカレンダーの予定ありの時間枠を除くにチェックを入れると、Googleカレンダー上の予定が「予約できない時間」として自動的にブロックされる
  • Event Title and Description:の欄でイベントのタイトルや詳細にお客様名やアポイントの情報を追加できる

ステップ5:担当者ごとにGoogleカレンダーと連携する

  1. Amelia → Employees(担当者) → 対象の担当者を編集
  2. 「Google Calendar 連携」ボタンをクリック
  3. Googleログイン画面が開くので、許可を選択
    • 安全性のチェックがでるので、左下で自分のドメインへのリンクをクリックして承認する。
  4. 連携したいカレンダーを選択して保存(※1つ作っておくと便利)
Screenshot

これで予約が入ると、自動的にGoogleカレンダーに反映される仕組みが完成!

  • URLをコピーしました!

この記事を書いた人

元エンジニア・コンサルタント→フリーランスへ。
個人事業主さん向けにWordPress・HP作成の個人レッスンをしています。

目次