AI Bot Chat Pro版 – Google連携セットアップガイド

Google Cloud Console設定の手順ガイド

はじめに

AI Bot Chat Pro版のGoogleスプレッドシート連携を使用するには、Google Cloud ConsoleでOAuth認証情報を設定する必要があります。

このガイドでは、初めての方でも簡単に設定できるよう、手順を詳しく説明します。

所要時間: 約10〜15分
必要なもの: Googleアカウント

Step 1: Google Cloud Consoleにアクセス

1以下のリンクからGoogle Cloud Consoleにアクセスします。

Google Cloud Console を開く

Googleアカウントでログインしてください。

Step 2: 新しいプロジェクトを作成

1画面上部のプロジェクト選択ボタンをクリック

2「新しいプロジェクト」をクリック

3プロジェクト名を入力(例: ai-bot-chat-integration)

4「作成」をクリック

Step 3: Google Sheets APIを有効化

1左側メニューから「APIとサービス」→「ライブラリ」を選択

2検索ボックスに「Google Sheets API」と入力

3「Google Sheets API」をクリック

4「有効にする」ボタンをクリック

Step 4: OAuth同意画面の設定

1左側メニューから「APIとサービス」→「OAuth同意画面」を選択

2User Typeで「外部」を選択し、「作成」をクリック

3以下の情報を入力:

  • アプリ名: AI Bot Chat(任意の名前)
  • ユーザーサポートメール: あなたのメールアドレス
  • デベロッパーの連絡先: あなたのメールアドレス

4「保存して次へ」をクリック

5スコープ画面はそのまま「保存して次へ」

6テストユーザー画面で「ADD USERS」をクリックし、自分のGoogleメールアドレスを追加

7「保存して次へ」→「ダッシュボードに戻る」

重要: テストユーザーを追加しないと、OAuth認証時にエラーが発生します。必ず自分のメールアドレスを追加してください。

Step 5: OAuth認証情報を作成

1左側メニューから「APIとサービス」→「認証情報」を選択

2「+ 認証情報を作成」→「OAuthクライアントID」を選択

3以下を設定:

  • アプリケーションの種類: ウェブ アプリケーション
  • 名前: AI Bot Chat(任意)
  • 承認済みのリダイレクトURI: 以下を追加
https://あなたのサイトURL/wp-admin/admin.php?page=ai-bot-chat&google_oauth_callback=1

例: https://example.com/wp-admin/admin.php?page=ai-bot-chat&google_oauth_callback=1

4「作成」をクリック

Step 6: Client IDとClient Secretをコピー

作成が完了すると、以下の情報が表示されます:

  • クライアントID: xxxxxxxx.apps.googleusercontent.com
  • クライアントシークレット: GOCSPX-xxxxxxxxxx

これらをコピーして保存してください。

セキュリティ注意: クライアントシークレットは他人に共有しないでください。

Step 7: プラグインに設定

1WordPressの管理画面で「B19 AI Bot Chat」→「設定」を開く

2「Pro版」セクションでライセンスキーをアクティベート

3「Googleスプレッドシート連携」セクションで:

  • Google Client ID: 先ほどコピーしたクライアントID
  • Google Client Secret: 先ほどコピーしたクライアントシークレット

4「OAuth設定を保存」をクリック

5「Googleでログイン」ボタンをクリックして連携完了!

Step 8: スプレッドシートを設定

1GoogleスプレッドシートでFAQデータを作成

1行目にヘッダー「質問」「回答」を入力し、2行目以降にデータを入力します。

質問 回答
営業時間は? 10:00〜18:00です。
予約は必要ですか? はい、事前にご予約ください。

2プラグイン設定画面でスプレッドシートのURLを入力

3シート名を入力(デフォルト: FAQ)

4「スプレッドシート設定を保存」をクリック

完了! これでスプレッドシートのFAQデータがチャットボットに読み込まれます。スプレッドシートを更新すると、チャットボットの回答も自動的に更新されます(キャッシュは1時間)。

トラブルシューティング

「アクセスがブロックされました」エラー

OAuth同意画面でテストユーザーに自分のメールアドレスを追加してください。

「redirect_uri_mismatch」エラー

Google Cloud Consoleの「承認済みのリダイレクトURI」が正確に一致しているか確認してください。

スプレッドシートが読み込めない

  • スプレッドシートのURLが正しいか確認
  • シート名が正しいか確認(大文字小文字も区別されます)
  • Googleアカウントがそのスプレッドシートにアクセスできるか確認

サポート

設定でお困りの場合は、お気軽にお問い合わせください。

サポートに問い合わせる

🤖 AIチャット

こんにちは!このチャットBOTはchatGPTを利用して回答します。 株式会社ビークが自社開発したAIチャットシステムで他社サイトへの導入も可能です。

08:19
0/1000 characters
残りリクエスト: 10回/分