Googleアカウントによる簡単な登録とメンバーログイン|顧客ログイン設定

4. EC + SC (EN).png

SHOPLINEは、顧客登録とログインのためのさまざまなオプションを提供しています。メール、Facebook、またはLINEでの登録やログインに加えて、顧客はGoogleアカウントを使用してストアメンバーとして登録できるようになりました。このシンプルで便利なプロセスは、より多くの顧客が登録することを促し、メンバーシップベースを簡単に拡大するのに役立ちます。

この記事では、以下の内容をカバーします:

 

1. Google Cloudでの設定

ステップ1

Google Cloud Consoleにアクセスし、プロジェクトを作成します。(プロジェクト名、ID、組織などを設定します。)

Screenshot 2024-12-19 at 12.44.41 PM.png

 

ステップ2

作成後、[ソリューション] > [すべての製品]に移動し、Google Auth Platformをクリックします。

Screenshot 2025-03-14 at 4.08.12 PM.png

 

ステップ3

Google Auth Platformの概要タブで「Google Auth Platformはまだ構成されていません」と表示されるので、始めるをクリックします。

Screenshot 2025-03-14 at 4.13.14 PM.png

 

ステップ4

1. アプリ情報

「アプリ名」と「ユーザーサポートメール」を入力します。

Screenshot 2025-03-14 at 4.13.58 PM.png

 

2. 対象者

対象者として「外部」を選択します。

Screenshot 2025-03-14 at 4.14.41 PM.png

 

3. 連絡先情報

責任者のメールアドレスを入力します。

Screenshot 2025-03-14 at 4.15.09 PM.png

 

4. 完了

ユーザーデータポリシーに同意します。

Screenshot 2025-03-14 at 4.15.50 PM.png

 

完了したら、作成をクリックします。

Screenshot 2025-03-14 at 4.16.18 PM.png

 

ステップ5

概要タブに戻り、「メトリクス」セクションの下にあるOAUTHクライアントを作成ボタンをクリックします。

Screenshot 2025-03-14 at 4.17.07 PM.png

 

1. アプリケーションタイプ

「ウェブアプリケーション」を選択します。

Screenshot 2025-03-14 at 4.17.43 PM.png

 

2. 名前

名前を設定します。

Screenshot 2025-03-14 at 4.18.27 PM.png

 

3. 承認済リダイレクトURL

ストアのURLを入力し、次のパスを追加して承認済リダイレクトURLを追加します:users/auth/google_oauth2/callback。

例:ストアのURLが「https://example.shoplineapp.com/」の場合、次のように入力してください:

https://example.shoplineapp.com/users/auth/google_oauth2/callback

Screenshot 2025-03-14 at 4.19.19 PM.png

 

4. 作成

完了したら、作成をクリックします。

Screenshot 2025-03-14 at 4.21.09 PM.png

 

ステップ6

左のメニューで「ブランディング」タブを選択します。

1. アプリ情報

入力した情報が正しいことを確認します。

Screenshot 2025-03-14 at 4.21.52 PM.png

 

2. アプリドメイン(オプションだが推奨)

以下の情報を入力します:

  • アプリケーションホームページ:ストアのURL
  • アプリケーションプライバシーポリシーリンク:<ストアのURL>/about/privacy-policy
  • アプリケーション利用規約リンク:<ストアのURL>/about/terms

*注意:

  • 以前にストアのURLを変更した場合は、新しいURLをこのフィールドに入力してください。
  • デフォルトのものではなく、カスタムのプライバシーポリシーおよび利用規約ページを使用している場合は、それぞれのフィールドにそのURLを入力してください。

Screenshot 2025-03-14 at 4.22.43 PM.png

 

3. 承認済ドメイン

アプリドメインを入力した場合は、承認済ドメインを追加する必要があります。(該当しない場合はこのフィールドをスキップしてください。)

  • ストアのURLが「https://example.shoplineapp.com/」の場合、「shoplineapp.com」と入力してください。
  • ストアのURLが「https://www.example.com/」の場合、「example.com」と入力してください。

Screenshot 2025-03-14 at 4.23.13 PM.png

 

4. 開発者連絡先情報

入力したメールアドレスが正しいことを確認します。

Screenshot 2025-03-14 at 4.23.47 PM.png

 

5. 保存

上記の設定が完了したら、SAVEをクリックします。

Screenshot 2025-03-14 at 4.24.40 PM.png

 

ステップ 7

左側のメニューから「クライアント」タブを選択し、截圖 2025-02-26 下午3.23.46.pngボタンをクリックします。ポップアップウィンドウに表示される「クライアントID」と「クライアントシークレット」をコピーします。

Screenshot 2025-03-14 at 4.25.38 PM.png

 

2. SHOPLINE管理者での設定

ステップ 1

SHOPLINE管理者で、[設定] > [顧客設定]に移動し、「Google OAuthアカウントに接続」の横にある接続をクリックします。

Screenshot 2024-12-19 at 4.25.38 PM.png

 

ステップ 2

ステップ 7でコピーしたクライアントIDとクライアントシークレットを入力し、接続をクリックします。

Screenshot 2024-12-19 at 4.26.21 PM.png

 

完了すると、「接続済み」インジケーターが表示されます。詳細をクリックして、接続されたクライアントIDとシークレットを表示するか、切断します。

Screenshot 2024-12-19 at 4.31.08 PM.png

 

ステップ 3

「Googleでログイン」のトグルをオンにし、ページの最後までスクロールして更新をクリックします。

Screenshot 2024-12-19 at 4.39.05 PM.png

 

3. 顧客がGoogleアカウントで登録およびログインする

「顧客がGoogleアカウントでオンラインストアに登録またはログインする」機能が有効になると、截圖 2024-12-10 下午5.52.39.pngアイコンが登録およびログインページに表示されます。

ストアフロント登録ページ

Screenshot 2024-12-19 at 4.50.01 PM.png

 

ストアフロントログインページ

Screenshot 2024-12-19 at 4.49.14 PM.png

 

以下の手順では、Googleアカウントを使用してメンバーとして登録する方法を説明します:

  1. 截圖 2024-12-10 下午5.52.39.pngロゴをクリックしてGoogleで登録します。
     
  2. 顧客が同じブラウザを使用して以前にGoogleアカウントにログインしている場合、既存のGoogleアカウントが表示され、選択できます。
    Screen Shot 2024-12-20 at 12.17.38 PM.png

    顧客がこのブラウザでGoogleアカウントにログインしていない場合、メールアドレスを入力する必要があります。Screen Shot 2024-12-20 at 10.53.49 AM.png
     
  3. 続行をクリックして、名前、メールアドレス、言語の好み、プロフィール写真の共有を許可します。
    *Note:顧客は「プライバシーポリシー」と「利用規約」のリンクをクリックして、ステップ 6で記入されたアプリケーションのプライバシーポリシーおよび利用規約ページに移動できます。
    Screen Shot 2024-12-20 at 10.51.54 AM.png

     

承認後、システムは顧客のGoogleアカウント情報(名前、プロフィール写真、メールアドレス、ユーザーIDを含む)を収集します。

  • Googleで登録
    システムがGoogleアカウントがストアメンバーにリンクされていないことを確認した場合、メールアドレスとユーザーIDを使用して新しいメンバーアカウントを作成します。
     
  • Googleでログイン(Google経由で登録されていないアカウントの場合)
    システムがGoogleアカウントがすでにストアメンバーにリンクされていることを確認した場合、ユーザーをメンバーアカウントにログインさせ、ユーザーIDを顧客に接続します。

Screen Shot 2024-12-20 at 11.54.54 AM.png

 

4. 登録に使用したGoogleアカウント情報の表示

「Googleで登録」または「Googleでログイン」した顧客は、以下のページにGoogleアカウントが表示されます:

ストアフロントのメンバープロフィール

Screen Shot 2024-12-20 at 10.57.14 AM.png

 

SHOPLINE管理者の顧客詳細

Screen Shot 2024-12-20 at 12.23.17 PM.png

 

5. Note

  • Googleの更新によると、Google Authプラットフォームの使いやすさと安全性の更新、6ヶ月以上失効しているOAuthアカウントは2025年6月から削除されます。OAuthアカウントが削除されると、Googleの登録/ログイン機能は利用できなくなります。これを復元するには、新しいOAuthクライアントを作成し、ストア管理者に必要な情報を再入力して統合を完了する必要があります。ユーザーが引き続きGoogleを使用してストアに登録またはログインする場合、OAuthアカウントはアクティブのままになります。

 

 

続きを読む

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な情報が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント