Googleソーシャルログインボタンの設定

Googleの設定

Googleにログインをしてください。

Googleアカウントをお持ちでない場合、下記リンクより事前にアカウントを作成しログインしてください。
アカウントの作成方法や詳しい操作方法については、 サービス提供元にご確認ください。
Google:https://www.google.com/intl/ja/account/about/

Google Cloud プラットフォームにログイン

 
 
 
Googleにログインした状態でGoogle Cloud プラットフォーム
https://console.cloud.google.com/home/
コチラにアクセスします。

新しいプロジェクトの作成

 
 
ヘッダーの▼をクリック
 
 
新しいプロジェクトを作成をクリック
 
 
プロジェクト名を入力
 
作成をクリック

認証情報の作成

 
 
認証情報をクリック
 
 
0AuthクライアントID をクリック
 
 
同意画面を設定をクリック
 
 
外部を選択する
 
作成をクリック
 
 
アプリ名を入力
 
メールアドレスを入力
 
ドメインを入力
 
ドメインを入力
 
ドメインを入力
 
 
ドメインを入力(https:// 無し)
 
メールアドレスを入力
 
保存して次へ

 
 
保存して次へ
 
 
 
保存して次へ
 
 
 
ダッシュボードへ戻る

認証情報の作成

 
 
認証情報をクリック
  
認証情報を作成をクリック
 
0AuthクライアントID をクリック
 
 
 
ウェブアプリケーションを選択
 
サイト名を入力(日本語OK)
 
 
ドメインの後ろに google-auth/ を付けます(必須)
 
ドメインの後ろに registration/ を付けます
 (新規登録ページのURL)
 
作成
 
 
 
認証情報が作成されました。

ソーシャルログイン設定

 
 
ダッシュボードをクリック
 
▼で作成したプロジェクトに切り替える
 
 
 
メニューのプルダウンを表示
 
APIとサービス
 
認証情報を クリック
 
 
作成したプロジェクトをクリック
 
 
クライアントIDをメモ帳に保存
 
クライアントシークレットをメモ帳に保存

KEY情報をWordPressに設定

 
WordPress管理画面の左の
「profilegrid」
「全般設定」
「Social Login」

KEY情報をprofilegridに設定

これでソーシャルログインボタンGoogleの設定は完了です。

ソーシャルメディアでログインすると
・メールアドレス
・表示するニックネーム

だけが入力された状態となります。
コレで通りで正解です。
新規登録では、あまり意味が無いように思えますが
一度、ソーシャルメディアで登録しておくと
次回からログインする際に楽にログイン出来るというメリットのある機能です。
決済機能付きテンプレート設定一覧
「決済機能付きテンプレート設定一覧」の記事一覧です。