ソーシャルログイン機能

予約エンジンのゲストソーシャルログイン機能について

ソーシャルログイン

ソーシャルログイン機能は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情報に基づきゲスト詳細が自動的に記入されます。

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

Last updated