Как подключить вход через Google?
Объясните как подключить такой же вход через Google, я знаю только как подключать через кнопку. А надо чтобы при заходе на мой сайт всплывало такое окно как на скрине. Подскажите как технология называется и как подключить, если что мой сайт на wordpress
Дополнительно:
Ответы:
Nextend Social Login and Register
Wp Social
Login for Google Apps
Настройка и создание токена выполняется в Google Developers Console (инструкция).
- В плагине Nextend Social Login and Register делается под кнопку "Войти через Google" но разве можно там сделать чтобы модальное окно google выскакивало?
- danya_mexanik, модальное окно к авторизации отношения не имеет.
- Refguser, Ну вот второй пример с playground у них такая же технология входа по модольному окну в гугл. Я в инете нашел несколько статей но там непонятно немного
- danya_mexanik,
но там непонятно немного
Что непонятно?
- danya_mexanik, и что с того? Это разные вещи. могут быть как вместе так и по отдельности. И модальное окно всегда можно сделать.
- Михаил Р., там вокруг да около объясняют в кратце, а нет подробного объяснения,
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Вход через Google бывает двух разных типов. Первый — обычная кнопка “Войти через Google” через OAuth. Второй — всплывающее окно/подсказка Google One Tap, когда Google сам предлагает выбрать аккаунт. На скриншотах обычно показывают именно Google One Tap.
Для WordPress самый простой путь — использовать плагин, который поддерживает Google login: Nextend Social Login, miniOrange, WP Social Login и аналоги. Но One Tap есть не во всех плагинах. Обычная кнопка и One Tap — не одно и то же.
Если делать руками, технология называется Google Identity Services. Нужно создать OAuth client в Google Cloud Console, указать домен и получить client ID. На странице подключается скрипт Google:
<script src="https://accounts.google.com/gsi/client" async defer></script>
И инициализируется One Tap:
<div id="g_id_onload" data-client_id="ВАШ_CLIENT_ID" data-callback="handleGoogleCredential" data-auto_prompt="true"> </div><div id="g_id_onload" data-client_id="ВАШ_CLIENT_ID" data-callback="handleGoogleCredential" data-auto_prompt="true"> </div>
На фронте Вы получите credential, но это ещё не полноценная авторизация WordPress. Его нужно отправить на сервер, проверить токен Google и только потом создать/авторизовать пользователя WordPress.
Именно поэтому для обычного сайта лучше брать готовый плагин: он уже решает создание пользователя, привязку email, безопасность, редиректы и logout. Если нужен именно pop-up/one-tap, ищите в документации плагина поддержку Google One Tap или Google Identity Services.
Важно: модальное окно Google не должно показываться навязчиво всем подряд. Google сам ограничивает показ, учитывает закрытие пользователем и требования к домену/HTTPS. На локальном или неправильно настроенном домене оно может не появляться. Для продакшена нужен HTTPS, корректный OAuth client и разрешённый домен.