の検索結果 :

×

WordPress にソーシャルログイン用の Google アプリを作成する方法 | Google SSO | Googleソーシャルログイン

WordPress にソーシャルログイン用の Google アプリを作成する方法 | Google SSO | Googleソーシャルログイン


ソーシャルログインとは何ですか?
ソーシャル ログインを使用すると、ユーザーは Facebook、Google、Twitter などのさまざまなネットワーキング プラットフォームを使用して任意の Web サイトに接続できます。 これは、エンドユーザーのログインを容易にするために設計および実装された、ユーザー向けのシングル サインオンの形式です。 ソーシャル ログインを使用すると、ユーザーはアカウントを作成せずにサードパーティの Web サイトにサインインできます。

ソーシャルログインはどのように機能しますか?
ソーシャルログインプロセスは非常に簡単です。 ユーザーは Web サイトにアクセスし、ログインするソーシャル ログイン プロバイダーを選択します。 彼らはソーシャル ネットワーク プロバイダーのサイトに詳細を入力します。 ソーシャルプロバイダーによる認証プロセスが完了すると、ユーザーは WordPress Web サイトの使用を開始できるようになります。 新しいユーザーの場合は登録され、既存のユーザーの場合はログインされます。

統合 でログイン ソーシャル ログイン ( Google SSO ) OAuth 2.0 プロトコルを使用した WordPress の場合。
miniOrange ソーシャル ログインを使用すると、ユーザーは Google アカウントを使用して WordPress ウェブサイトにログイン/登録できるようになります。 パスワードを覚えなくても、WordPress Web サイトにログイン/登録するための最良の選択肢をユーザーに提供します。 miniOrange による WordPress Google プラグインをいくつかの簡単な手順でセットアップし、Google をセットアップします。

WordPress サイトに Google ログイン ボタンを表示するにはどうすればよいですか?
Web サイトのカスタム ログイン/登録ページに Google ソーシャル ログイン アイコンを追加できない場合は、Google ソーシャル ログイン アイコンを使用できます。 これにより、ユーザーが Web サイトにサインアップまたはログインしようとしたときに、「Google でログイン」オプションを表示できます。登録やパスワードの記憶が不要なため、時間を節約できるため、多くの人がこのボタンを愛用しています。 必要なのは既存の Google アカウントだけです。

WordPress の Google ソーシャル ログイン (Google シングル サインオン (SSO)) は、 WordPressソーシャルログインプラグイン。
このガイドでは、最も簡単な方法で WordPress ウェブサイトに Google ログインを実装する方法を説明します。WordPress ソーシャル ログイン プラグインで提供されるその他の機能について詳しくは、次のリンクをご覧ください。 ここをクリック.

OAuth 2.0とは何ですか?

OAuth 2.0 は業界標準の認証プロトコルです。 OAuth 2.0 は、Web アプリ、デスクトップ アプリケーション、携帯電話、リビング ルームのデバイスに特定の認証プロセスを提供しながら、クライアント開発者の使いやすさを優先します。

WordPress Social Login プラグインを使用すると、Google を OAuth および OpenID Connect プロバイダーとして利用しながら、WordPress への安全なログインが可能になります。 Facebook、Discord、Twitter、Apple、Amazon、Stackoverflow、LinkedIn など、複数の Oauth プロバイダーを使用するようにプラグインを構成することもできます。 ユーザーによるアイコンのカスタマイズ、リダイレクトなどの高度なシングル サインオン機能が有効になります。 この記事では、WordPress と Google の間で SSO を設定する方法を説明します。

ユーザーが次の方法でログインできるようにすることに興味がある場合は、 Googleアプリ WordPress ウェブサイトのアカウントを作成したら、このガイドが役に立ちます。


WordPress (WP) に Google ソーシャル ログインを設定する手順

ステップ 1: WordPress で Google アプリのソーシャル ログインを構成する

WordPress で Google ログインを設定するには、以下の手順に従ってください。

ミニオレンジ画像 Google ソーシャル ログインを構成する
  • Google 開発者コンソールにアクセスします。 https://console.cloud.google.com/cloud-resource-manager Google 開発者アカウントでサインアップ/ログインします。
  • Google アプリ WordPress ソーシャル ログイン
  • サインイン後、「プロジェクトの作成」をクリックします。
  • Google wp WordPress ソーシャル ログイン Google アプリ
  • プロジェクトの名前を入力し、必要に応じて、指定されたプロジェクト ID を編集します。 「作成」をクリックします。
  • Google WordPress ソーシャル ログイン アプリ プロジェクトの詳細
  • プロジェクトが作成されるまで待ちます。
  • WordPress 用 Google wp ソーシャル ログイン
  • 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。
  • Google WordPress ソーシャル ログイン OAuth 同意画面アプリ
  • 「プロジェクトの選択」をクリックします。
  • Google アプリ WP ソーシャル ログイン
  • 前の手順で入力したプロジェクト名をクリックして、新しく作成したプロジェクトを選択します。
  • Google wp を使用した WordPress ソーシャル ログイン
  • 選択 外部 ユーザータイプとして入力し、「作成」をクリックします。
  • Google ソーシャル ログイン アプリのユーザー タイプを設定する wordpress ソーシャル ログイン
  • アプリ情報を編集するように求められます。 アプリ名とユーザーサポートのメールアドレスを入力します。
  • Googleアプリ アプリ情報編集 WordPressソーシャルログイン
  • miniOrange ソーシャル ログイン プラグイン (手順ページ) から承認済みドメインを追加するには、 「Doman 追加」ボタン。 開発者の連絡先情報を追加します。 次に、をクリックします 保存して続行.
  • Google アプリの認証 WordPress ソーシャル ログイン
  • [スコープ]画面で、[スコープの追加または削除]をクリックします。 チェック '.../auth/userinfo.email' および 「.../auth/userinfo.profile」。 下にスクロールし、「保存して続行」をクリックします。
  • Google WordPress ソーシャル ログインのログイン範囲
  • [テスト ユーザー] 画面で、 をクリックします。 ユーザーを追加する。 アプリをテストするために信頼できるユーザーを数人追加します。 これらのユーザーは削除できないことに注意してください。 下にスクロールし、「保存して続行」をクリックします。 下にスクロールし、「ダッシュボードに戻る」をクリックします。
  • Google wordpressテストユーザーアプリのwordpressでのソーシャルログイン
  • 左側のメニューで、「認証情報」をクリックし、ドロップダウンから「認証情報の作成」をクリックして、Oauth クライアント ID を選択します。
  • ソーシャルログイン用のGoogleアプリ認証情報
  • [アプリケーション タイプ] ドロップダウンから、[Web アプリケーション] を選択します。
  • ウェブサイトへのソーシャル ログイン用の Google ウェブ アプリケーション
  • クライアント名を入力し、miniOrange ソーシャル ログイン プラグインから承認されたリダイレクト URL を追加します。 「作成」をクリックします。
  • Google WordPress ソーシャル ログインの承認済みドメイン
  • クライアント ID とクライアント シークレットをコピーし、miniOrange ソーシャル ログイン プラグインの [アプリ ID] フィールドと [アプリ シークレット] フィールドにそれぞれ貼り付けます。
  • WordPress ソーシャル ログイン用の Google アプリのクライアント ID とクライアント シークレット
  • [認証情報] 画面でクライアント名をクリックして、クライアント ID とクライアント シークレットを表示することもできます。
  • WP への Google ソーシャル ログイン
  • 左側のメニューをクリックし、「APIとサービス」→「OAuth同意画面」に移動します。 [公開ステータス] で [アプリを公開] をクリックして確認します。
  • 開発者コンソールで Google アプリを公開する

2. miniOrange ソーシャル ログイン プラグインで資格情報を設定する

  • に行く miniOrange ソーシャル ログイン プラグイン → [アプリの構成] をクリック → [Google] をクリック:
  • Google アプリ WordPress ソーシャル ログイン miniOrange ソーシャル
  • コピー クライアントID および クライアントシークレット 上記の設定フォームを入力し、Google 手順のフィールドに貼り付けます。
  • Google WordPress アプリのソーシャル ログイン クライアント ID とシークレット
  • 次にクリック 構成を保存してテストする
  • Google WordPress ソーシャル ログイン テスト構成アプリ
  • 新しいウィンドウがすぐに表示され、Google アカウントにログインするよう求められます。 Google for Developer へのアカウント登録に使用したアカウントでログインします。 「Continue as …」を押してログインプロセスを完了します。
  • テストが成功したことを示すプラグインからの通知が表示されます。 つまり、カスタム アプリが適切に設定されることになります。

  • Web サイトのカスタム ログイン/登録ページにソーシャル ログイン アイコンを追加できない場合は、 ショート ガイド。

WordPress Web サイトの Google ソーシャル ログインが正常に設定されました。


魅力的なソーシャル ログイン アイコン

  • また、ソーシャル ログイン プラグインの最新バージョンでは、丸、丸いアイコン、四角、長いボタンの 4 種類のソーシャル ログイン アイコンの形状を備えた魅力的なソーシャル ログイン アイコンも提供しています。 デフォルト、白背景、カスタム背景、ホバー、カスタムホバー、スマートを含む XNUMX つのテーマ。 あらゆるタイプのテーマとボタンの変換エフェクトも提供します。

人気のある統合

WooCommerce統合

Woocommerce 統合を使用すると、Woocommerce ページにソーシャル ログイン ボタンを表示し、請求書や請求書にユーザーの詳細を事前入力できます。
チェックアウトフィールド

もっと詳しく→

不和の統合

Discord Integration アドオンを使用すると、ログイン/登録を制限できます
に基づくユーザーの
ユーザーが存在するかどうか
Discordサーバー内で

もっと詳しく→

HubSpot統合

Hubspot アドオンは Hubspot の統合を提供します
ユーザーの連絡先は Hubspot の連絡先リストに自動的に追加されます。
経由で登録が成功しました
ソーシャルログインアプリケーション

もっと詳しく→

カスタム登録フォーム

カスタム登録フォーム アドオンを使用すると、新規ユーザーと既存ユーザーの詳細を統合できます。 登録時にソーシャル サイトから返されたフィールドを含む複数のフィールドを追加します

もっと詳しく→

BuddyPressの統合

Buddypress 統合アドオンは、buddypress 表示オプションの両方の機能を提供します
そしてバディプレス
拡張属性マッピング

もっと詳しく→

MailChimp統合

Mailchimp アドオンは次のことに役立ちます
新規ユーザーと既存ユーザーの詳細を統合します。 Mailchimp は、美しくブランド化された電子メールで視聴者を魅了するのに役立ちます。

もっと詳しく→

その他のリソース


見つからないものをお探しの場合は、メールでお問い合わせください。 socialloginsupport@xecurify.com

こんにちは!

助けが必要? 私たちはここにいます!

サポート
miniOrange サポートにお問い合わせください
成功

お問い合わせありがとうございます。

24 時間以内に当社からのご連絡がない場合は、お気軽にフォローアップ メールを送信してください。 info@xecurify.com