Yahoo! JAPAN ＩＤでログインできるようにする　－ 他サイトＩＤ連携 －

TOP > 設定 > 会員機能

１ Yahoo! JAPAN ＩＤ連携の利用設定をする

Yahoo! JAPAN ＩＤを利用して、ショップサーブのお店でログインできるようにするには、Yahoo! JAPAN の開発者ページで ClientＩＤ と シークレット を取得してショップサーブに設定が必要です。 また、管理画面に表示されているコールバックＵＲＬをYahoo! JAPANへ設定する必要があります。

1-1 Yahoo! JAPAN のアプリを作成する



■ Yahoo! JAPANにログインをする

Yahoo! JAPANにログインをしてください。
Yahoo! JAPAN ＩＤをお持ちでない場合、下記リンクより事前にアカウントを作成しログインしてください。
アカウントの作成方法や詳しい操作方法については、 サービス提供元にご確認ください。
Yahoo! JAPAN：https://www.yahoo.co.jp/

■アプリケーション情報を入力する

下記リンクより、開発者ページを開きます。

▼Yahoo! JAPAN デベロッパーネットワーク
https://e.developer.yahoo.co.jp/register

  1. ID連携利用有無
    「 ID連携を利用する 」を選択します。
  2. 属性取得APIを利用しますか？
    「 属性取得APIを利用する 」を選択します。
  3. アプリケーションの種類
    サーバーサイド（Yahoo! ID連携 v2）を選択します。
  4. 属性取得APIで追加して取得する情報
    「 姓名などの氏名を取得する 」と「 メールアドレスを取得する 」にチェックを入れます。
  5. アプリケーションの利用者情報（契約者情報）
    利用者情報を「 個人 」または「 法人・個人事業主 」を選択してから、必要情報を入力してください。
  6. 個人情報授受にかかる確認事項
    「 同意する 」または「 同意しない 」を選択してから、必要情報を入力してください。
  7. 住所
    契約者住所の入力や利用者の所在地を選択します。
  8. アプリケーションの基本情報

    • アプリケーション名
      ＷＥＢサイト名（お店の名前）を入力します。
    • サイトURL
      トップページのＵＲＬを入力します。
    • プライバシーポリシーURL
      規約を確認し「 同意する 」にチェックを入れてください。
    • 利用規約URL
      ご利用案内ページのURLを入力します。


      ご利用案内ページに個人情報を取得する案内方法は、LINE ID連携のマニュアルを参考にしてください。
      ＞＞サンプルの文面

  9. ガイドライン
    規約を確認し「 同意する 」にチェックを入れてください。
  10. 「 確認 」ボタンをクリックすると、入力内容の確認画面が表示されます。次の画面で「 登録 」ボタンをクリックして完了します。

■アプリケーションの作成を完了する

  1. アプリケーションの登録が完了すると、
    ClientＩＤ と シークレット を発行されます。


    「 アプリケーション詳細 」をクリックします。

■ClientＩＤ と シークレット を確認します

  1. ClientＩＤ と シークレット を確認します。
    ショップサーブの管理画面への設定方法は「1-2」を参照してください。
  2. 先ほど入力した内容を確認します。

■コールバックＵＲＬを入力します

3. Callback URL（コールバックURL）
ショップサーブの管理画面に表示されているコールバックＵＲＬをすべて入力します。



独自ドメインを利用していない店舗さんは、「共通カートドメイン用」のみが表示されます。


スペースが入らないよう１行づつ、コピーしてURLを貼り付けましょう。


4.「 更新 」ボタンをクリックします。


作成したアプリケーションは、一覧で管理されます。
https://e.developer.yahoo.co.jp/dashboard/

1-2 Yahoo! JAPAN で取得した情報をショップサーブに設定する

Yahoo! JAPANの ClientＩＤ と シークレット をショップサーブの管理画面に設定します。

■ショップサーブの管理画面を開きます

■利用設定をする

  1. Yahoo! JAPANの「利用設定」をクリックします。
  2. Yahoo! JAPANのアプリケーション詳細ページから、ClientＩＤ と シークレットをコピーして、ショップサーブの管理画面に貼り付けます。
  3. 「設定を保存する」ボタンをクリックします。
  4. 「閉じる」ボタンをクリックします。

■利用するに切り替える

5.　Yahoo! JAPANを「利用する」に切り替えます。

6.　 画面最下部の「設定を保存する」をクリックします。

２　カートの流れ

他サイトＩＤ連携を「利用する」に設定をすると、お客さんはカート画面やマイページで、他サイトＩＤで新規会員登録、および他サイトＩＤでログインができます。ここでは、Yahoo! JAPAN ＩＤで新規会員登録、およびログインするときのカートの流れを確認します。


他サイトＩＤ連携機能は、お気に入り登録時やＬＰカートでは利用できません。

２-１ Yahoo! JAPAN ＩＤで新規会員登録する

Yahoo! JAPAN ＩＤで新規会員登録を行うと、ショップサーブの会員ＩＤと自動連携されます。
次回以降は、Yahoo! JAPAN ＩＤとパスワードを使って、ショップサーブのお店で簡単にログインができるようになります。

■商品をカートに入れる

商品をカートに入れて「会員登録して購入手続きへ進む」ボタンをクリックします。新規会員登録する画面を開きます。

■Yahoo! JAPAN ＩＤで新規会員登録する

新規会員登録画面を開きます。
  1. 「他サイトＩＤで新規会員登録」ボタンをクリックします。
  2. 「Yahoo! JAPAN ＩＤでログイン」ボタンをクリックします。

■ログインを認証する

Yahoo! JAPANＩＤでログインしてください。
Yahoo! JAPANの認証画面が表示されたら「 同意してはじめる 」ボタンをクリックしてください。


Googleアナリティクスをご利用の場合、参照元除外リストに Yahoo! JAPAN ＩＤ認証画面のドメイン（auth.login.yahoo.co.jp）を追加してください。

■会員登録を完了する

ショップサーブの画面に戻り、新規会員登録をします。
  1. 必須項目を入力します。
    「メールアドレス」「お名前」「お名前（かな）」「郵便番号」の入力欄に、Yahoo! JAPANＩＤの登録情報が反映されています。反映された情報の編集もできます
  2. 会員規約に同意します。
  3. 「会員登録する」ボタンをクリックします。
    次の確認画面で、会員登録を完了してください。


    カート画面で購入手続き時に会員登録が完了すると、ショップサーブのお店の会員ＩＤとYahoo! JAPANＩＤが自動連携されます。マイページで改めて連携する必要はありません。

２-２ Yahoo! JAPAN ＩＤで会員ログインする

ショップサーブのお店の会員ＩＤとYahoo! JAPAN ＩＤを連携済のお客さんは、Yahoo! JAPAN ＩＤで会員ログインができます。ショップサーブのお店の会員ＩＤ・パスワードが入力不要なため、パスワードを忘れた場合でも仮パスワード発行手続きの手間がなくなります。

■商品をカートに入れる

カート画面で購入手続きする時にYahoo! JAPAN ＩＤでログインします。
  1. 「他サイトＩＤでログイン」ボタンをクリックします。
  2. 「Yahoo! JAPAN ＩＤでログイン」ボタンをクリックします。


「他サイトＩＤでログイン」ボタンは、すでにＩＤ連携済のお客さんがクリックするボタンです。ＩＤ未連携のお客さんがクリックすると、エラーになりログインできません。マイページでＩＤ連携が必要です。

詳しくは、「３-1 マイページでＩＤ連携する」を参照してください。


カート画面の「他サイトＩＤでログイン」ボタンは、管理画面メニュー「 お店設定 ＞ ショッピングカート ＞ メッセージの編集 」で画像の変更もできます。

■ログインを認証する

Yahoo! JAPANＩＤでログインしてください。
Yahoo! JAPANの認証画面が表示されたら「 同意してはじめる 」ボタンをクリックしてください。

■カート画面に戻る

会員ログインした状態でカート画面に戻ります。

３ Yahoo! JAPAN ＩＤと連携する

普段利用しているアカウントでログインができれば、お店に来店しやすくなりリピート購入につながります。
店舗さんは、すでにお店で会員登録しているお客さんに、会員ＩＤと他サイトＩＤとの連携を促しましょう。


他サイトＩＤで連携する方法は、２通りあります。
１、他サイトＩＤで新規会員登録する    ２、マイページでＩＤ連携する

3-1マイページでＩＤ連携する

会員のお客さんが購入手続きする時に、Yahoo! JAPAN ＩＤでログインできるようにするには、マイページでＩＤ連携が必要です。

■マイページでログインをする

  1. お店の会員ＩＤとパスワードを入力してマイページでログインします。
  2. ログイン後、マイページトップ画面下部に移動し「 他サイトＩＤ連携 」のリンクをクリックします。

■Yahoo! JAPAN ＩＤ と連携する

3.　「連携する」ボタンをクリックするとYahoo! JAPAN ＩＤのログイン画面が開きます。

4.　Yahoo! JAPAN ＩＤでログインします。

Yahoo! JAPANの認証画面が表示されたら「 同意してはじめる 」ボタンをクリックしてください。
5.　マイページの画面に戻ると連携されています。
　　ＩＤ連携は、いつでも解除できます。

3-2　注文完了後にＩＤ連携する

注文完了したお客さんは、「他サイトＩＤ連携へ」ボタンからマイページでＩＤ連携ができます。

■会員が注文完了後にＩＤ連携する

  1. 注文完了画面で「他サイトＩＤ連携へ」ボタンをクリックします。
    マイページの他サイトＩＤ連携する画面が開きます。
  2. 「連携する」ボタンをクリックし、Yahoo! JAPAN ＩＤと連携完了します。

■注文完了後に 新規会員登録してＩＤ連携する

注文完了画面で会員登録したお客さんも、 会員登録後マイページでＩＤ連携ができます。
  1. 会員ＩＤ、パスワードなどの必須項目を入力後、会員規約に同意して「会員登録する」ボタンをクリックします。
  2. 会員登録完了画面で「他サイトＩＤ連携へ」ボタンをクリックします。
    マイページの他サイトＩＤ連携する画面が開きます。
  3. 「連携する」ボタンをクリックし、Yahoo! JAPAN ＩＤと連携完了します。
※2022年2月時点のYahoo!の画面操作を掲載してます。サービス提供元が予告なく仕様変更する場合がございます。
  なお、当社ではアプリの設定代行は行っておりません。詳しくは、サービス提供元にご確認ください。