ソーシャルログイン機能
ソーシャルログイン
ソーシャルログイン機能はWebサービスへログインする際にお手持ちのSNSのログインを利用できる機能です。この機能により、ゲストがよりスムーズにサインインすることが可能になります。
ソーシャルログイン機能をRoomBoss予約エンジンに追加することにより、ゲストはメールアドレスの他にFacebookやGoogleのサインインをご利用いただけます。
この機能はゲストサービスとSSMS(スキースクール)の予約エンジンに対応しております。
ソーシャルログインを有効にする
ソーシャルログイン機能をご利用いただく場合、FacebookサインインにはFacebook App ID、GoogleサインインにはGoogle Sign-in Client IDが必要となります。
Facebook App IDもしくはGoogle Sign-in Client IDをお持ちの場合は以下の「Facebook App ID又はGoogle Sign-In Client IDをRoomBossへ入力する」の手順に順って設定を行ってください。
Facebook App ID、及びGoogle Sign-in Client IDの設定手順は以下となります。ご不明点などございましたらお気軽にご連絡ください。
Facebook App IDを作成する
- Facebook Developers pageに移動 - https://developers.facebook.com/apps/
- Facebookアカウントにログインもしくは作成
- 新規アカウントの場合は、Get Startedをクリックして新しいDevelopersアカウントを作成するか、既存のアカウントの場合は、My Apps→Add New Appをクリック
- + ボタンをクリックし、 新しいアプリを追加
- 表示名の設定 (許可を求める際にお客様に表示される名前です)
- アプリのIDをクリック
- 商品の追加までスクロールダウンし、Facebookログインから、設定をクリック
- 手順に従って、Facebookログインを追加
- Facebookログイン→ 設定
- Valid OAuth Redirect URIsフィールドにドメインを追加
- 変更を保存をクリック
- 設定→ Facebook App IDを取得するための基本
- Facebook App IDをコピー
Google Sign-In Client IDを作成する
- Google API Consoleに移動 - https://console.developers.google.com/apis
- ログインまたは新しいアカウントの作成
- プロジェクトを選択
- 新しいプロジェクトを選択
- プロジェクト名を選択
- OAuth consent screenへ移動
- ユーザータイプにExternalを選択し、作成をクリック
- アプリケーション名の設定 (許可を求める際にお客様に表示される名前です)
- 保存をクリック
- 認証情報ページに移動します。
- + CREATE CREDENTIALSを選択 → OAuthクライアントID
- アプリケーションタイプにWeb Applicationを選択
- Authorized JavaScript originsの欄にあなたのURLを追加
- Create作成をクリック
- OAuthクライアント作成ページには、あなたのクライアントIDが表示されます
- apps.googleusercontent.comを使わずにクライアントIDをコピー
Facebook App ID又はGoogle Sign-In Client IDをRoomBossへ入力する
あなたのRoomBossアカウント内で:
- アカウント→ウェブサイトの設定に移動
- 複数の予約エンジンがある場合は、ウェブサイト構成に表示されている希望の予約エンジンを検索
- ウィジェットの左にある編集リンクをクリック
- ページ下部にあるFacebook App IDまたはGoogle Sign-In Client IDを入力
- ウェブサイト設定の更新ボタンをクリック
ソーシャルログイン機能搭載の予約エンジン
ソーシャルログインはゲストログイン画面の画面上部に表示されます。ゲストが予約される際にログインが必要となります。
Continue with Facebook又はSign in with Googleをクリックしソーシャルログインを行います。
Facebookログインページ

Googleログインページ

ソーシャルログイン画面よりログイン後、ゲスト詳細画面へ移り、確認を行います。
ゲストのSNS情報に基づきゲスト詳細が自動的に記入されます。

ゲストがゲスト詳細確認後、ご購入手続きへをクリックし購入画面へ進みます。