ログイン連携をするには、Google API Consoleから発行したクライアントIDが必要です。
詳しい方法については以下の内容をご確認ください。
詳しい方法については以下の内容をご確認ください。
Google クライアントID発行方法
- 下記のリンクにアクセスし、Googleアカウントでログインします。
Google API Consoleへ - クライアントIDを発行するには、新しいプロジェクトを登録する必要があります。
方法 1) Google API Consoleのダッシュボードから「プロジェクトを作成」をクリックします。
方法 2) 左上の「プロジェクトを選択 > 新しいプロジェクト」をクリックします。 - プロジェクト作成画面からプロジェクト名を入力し「作成」ボタンをクリックします。
- 左メニューの「OAuth 同意画面 」をクリックします。User Typeの「外部」にチェックを入れ、「作成」ボタンをクリックします。
- アプリケーション情報を登録し、「保存」をクリックします。
※「承認済みドメイン」を入力する際には、プロトコル(http://または、https://)とパスは入力しないでください。
正しい入力例) ドメインが https://test.com/ の場合 → test.com - 左メニューの「認定情報」へ移動します。
- 上部の「認定情報を作成 > OAuth クライアント ID」をクリックします。
- アプリケーションの種類の「ウェブ アプリケーション」を選択し、「作成」ボタンをクリックします。
- 制限事項の各項目は以下のように入力してください。
・承認済みの JavaScript 生成元 : PCショップとモバイルショップのURLを入力します。
・承認済みのリダイレクト URL : 承認済みの JavaScript 生成元項目に入力したURLの後に「/Api/Member/Oauth2ClientCallback/googleplus/」を入力します。
※ SSLを適用した場合は、URLをhttp:// と https:// 両方入力してください。
※ Googleアカウントログインを使用する2次ドメインがある場合は対象となるドメインを全て入力してください。
・2次ドメイン：メインドメイン、サブドメイン、モバイルドメイン、越境ECショップ(多国語サイト)ドメインなど
・入力例) 使用中のドメインが「sample.com」の場合
① 承認済みの JavaScript 生成元
http://sample.com
http://www.sample.com
http://m.sample.com
https://sample.com
https://www.sample.com
https://m.sample.com
② 承認済みのリダイレクト URL
http://sample.com/Api/Member/Oauth2ClientCallback/googleplus/
http://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
http://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
https://sample.com/Api/Member/Oauth2ClientCallback/googleplus/
https://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/
https://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/ - 作成が終わったら、クライアントIDとクライアントシークレットが表示されます。
左メニューの「認定情報」からも確認することができます。
管理画面での設定方法
- 管理画面の「チャンネル管理 > SNS連携設定 > ソーシャルログイン」に移動します。
- Googleログイン項目を「使用する」に選択し、発行されたGoogle クライアントIDとクライアントシークレットを入力します。
- 「保存」ボタンをクリックします。
- 設定が完了すると、ショップサイトのログイン画面にてGoogleアカウントログインボタンが表示されます。