顧客向けGoogleログイン機能の有効化設定
メールアドレスによる会員登録に加えて、SHOPLINEでは、顧客がGoogleアカウントを利用してストアに簡単に登録・ログインできる機能を提供しています。
ワンクリックでのGoogleアカウントログイン機能はGoogleによって開発されたもので、利用するにはGoogle CloudからクライアントIDとクライアントシークレットを取得する必要があります。
まずGoogle Cloud上で事前設定を行い、その後SHOPLINE管理画面に戻って設定を進めてください。
設定プロセスは比較的長いため、手順に沿って丁寧に作業を進めることをおすすめします。
画面が説明と異なる場合やエラーが発生した場合は、スクリーンショットを取得し、SHOPLINEにお問い合わせください。
設定手順
Googleログイン機能を有効にするには、Google CloudからクライアントIDとクライアントシークレットを取得し、SHOPLINE管理画面に追加する必要があります。以下の手順に従って設定を進めてください。
- Google CloudからクライアントIDとクライアントシークレットを取得する https://console.cloud.google.com を開き、Googleアカウントにログインします。
- 左上のプロジェクトリストから [Select a project] をクリックします。
- プロジェクト名を入力し、必要に応じて親組織またはフォルダを選択した後、[作成] をクリックします。
-
APIとサービス ＞ OAuth同意画面 に進み、ユーザータイプに「外部」を選択して [作成] をクリックします。
- アプリ登録編集ページにリダイレクトされるので、アプリ名、ユーザーサポート用メールアドレス、開発者連絡先情報を入力し、[保存して続行] をクリックします。
- （オプション）スコープページでスコープを追加または削除し、[保存して続行] をクリックします。
- （オプション）テストユーザーを追加し、[保存して続行] をクリックします。
- サマリーページで設定を完了し、[ダッシュボードに戻る] をクリックします。
-
認証情報 ＞ 認証情報を作成 ＞ OAuthクライアントID をクリックします。
- アプリケーションの種類として「ウェブアプリケーション」を選択します。
-
承認済みのJavaScript生成元には、ストア管理画面のURLを入力します。
- 承認済みのリダイレクトURIには、ストアのログインページのURLを入力します。
-
-
ストアのログインリンクは、ストアドメインに「/user/signIn」を付加したものです。
例：- ストアリンク：https://abcd.myshopline.com
- ログインリンク：https://abcd.myshopline.com/user/signIn
- カスタムドメインを設定している場合も同様に、「/user/signIn」を追加してください。
例：
-
カスタムドメイン：https://abcd.wxyz.com
- ログインリンク：https://abcd.wxyz.com/user/signIn
注：
エラー「400: redirect_uri_mismatch」が表示された場合は、ここに入力したリダイレクトURLがストアのログインリンクと一致しているか確認してください。
-
-
- [作成] をクリックします。
-
クライアントIDとクライアントシークレットが表示されます。この2つの情報は、SHOPLINE管理画面の「App ID」「App Secret」に対応します。
- 「OAuth同意画面」タブに戻り、[アプリを公開] をクリックして公開ステータスを「公開」に変更し、ポップアップウィンドウで [確認] をクリックします。
- 次に、SHOPLINE管理画面で設定を行います。
SHOPLINE管理画面から 設定 ＞ 顧客アカウント ＞ サードパーティアカウントによるサインイン に進みます。 -
Googleログインセクションで [連携] をクリックし、Google Cloudで取得したクライアントIDとクライアントシークレットをそれぞれ入力します。ポップアップウィンドウで [App ID] と [App Secret] を入力後、[保存] をクリックします。
- 設定が完了すると、Googleログインセクションに「連携済み」と表示されます。
これで、顧客はGoogleアカウントを使用してストアにログインできるようになります。