Facebookに接続

この記事では、WooCommerceソーシャルログインオプションに接続できるFacebookソーシャルネットワーク用のアプリを作成する方法を紹介します。

新しいアプリを作成

1. developer.facebook.comにサインインします。
2. 「マイアプリ」に移動し、「アプリの作成」ボタンをクリックします（すでに作成している場合は「新規アプリの追加」ボタン）。
3. このアプリを使用してWebサイトにFacebookログインを統合するため、「コンシューマー」オプションを選択します。
4. アプリ名とアプリ連絡先メールアドレスを追加します。
   注意：ビジネスアカウントの接続はオプションですので、必要に応じてその部分は省略できます。
5. [アプリを作成]をクリックします。

Facebookログインの設定

1. アプリが作成されたら、 Facebookのログインに移動して「設定」をクリックしますが、表示される「クイックスタート」は使用しないでください。
2. 左側のメニューで「設定」に移動し、「ベーシック」を選択します。
3. 下にスクロールして、[プラットフォームを追加]を選択します。
4. 「 Webサイト」オプションを選択し、 「次へ」をクリックします。
5. 以下のストアの基本詳細を設定します。
   • 表示名-（ストアの名前。顧客がログインのためにアプリのアクセスを承認すると表示されます）、
   • サイトURL -WebサイトURLを入力します（例：http://www.coolexample.com/ ）
   • ネームスペース-サブドメインで動作するサイトに役立つオプションの識別子。
   • カテゴリ-ビジネスに最も関連するオプションを選択します。
6. 「変更を保存」をクリックし、トップバーのアプリモードのステータスを「ライブ」に切り替えます。
7. アプリを作成したら、基本設定に戻り、アプリIDとアプリシークレットをコピーします。これらを使ってWooCommerce内で設定を行います。

アプリケーションの詳細を入力

1. WordPressにサインインします。
2. WooCommerceに行き、設定をクリックしてください。
3. 「ソーシャルログイン」タブを選択し、「 Facebook 」をクリックします。
4. [ Facebookを有効にする]を選択します。
5. FacebookからコピーしたアプリIDとアプリシークレットを入力します。
6. 「リダイレクトURI 」オプションを有効にして、リストされているURLをコピーします。次のセクションでまとめます。
7. 「変更を保存」をクリックしてください。

OAuthリダイレクトURIを設定する

1. Facebook Developersアプリのダッシュボードに戻ります。
2. Facebookログインの設定を選択します。
3. コピーしたURLを「有効なOAuthリダイレクトURI 」フィールドに入力します。
4. 「変更を保存」をクリックしてください。

関連ステップ

他のソーシャルログイン方法を接続する手順については、以下のリンクを参照してください。

• Disqus
• Paypal
• VK
• Yahoo
• LinkedIn
• Amazon
• Google
• Twitter

関連情報

• ソーシャルログインの一般オプションを設定する