Ниже перечислены основные функции входа с помощью Google. Вы можете использовать генератор кода для создания кода для встраивания функций One Tap, автоматического входа и кнопки «Войти через Google» на свои веб-страницы.
Пользователи могут глобально отказаться от входа в систему третьих лиц в браузерах, поддерживающих FedCM . Если пользователи отказываются от участия, функция One Tap и автоматический вход недоступны и не отображаются.
Одно касание
Когда пользователи посещают ваш веб-сайт, если в браузере есть активный сеанс Google, функция «Вход с помощью Google» может предложить пользователям войти в систему или зарегистрироваться на вашем веб-сайте, используя свою учетную запись Google. Всего одним касанием (для одного сеанса Google) или двумя касаниями (при наличии нескольких сеансов Google) пользователи могут завершить процесс федеративного входа или регистрации. UX One Tap обеспечивает плавный вход пользователя, поскольку все процессы UX выполняются в iframe, встроенном в ваши веб-страницы.
Пользователи могут отказаться от использования One Tap во всем мире . В этом случае в учетной записи Google не отображается One Tap. Если все активные учетные записи Google отключены, пользовательский интерфейс One Tap не отображается.
Рекомендуется разместить One Tap как на главном диалоговом окне входа в систему, так и на конечных страницах. Разработчики предпочитают One Tap по многим причинам:
- увеличение коэффициента конверсии пользователей. Узнайте больше о том, как некоторые из наших партнеров успешно использовали One Tap, чтобы улучшить процесс регистрации и входа в систему, из наших тематических исследований .
- позволяет войти в систему и зарегистрироваться без перенаправления пользователей на специальную страницу входа и регистрации.
- позволяет пользователям входить и регистрироваться в контексте вашего веб-сайта, не отвлекаясь от текущего пути.
- минимизируйте дублирование учетных записей с помощью персонализированных подсказок и автоматического входа в систему при повторных посещениях.
Автоматический вход
С помощью One Tap вы также можете включить отменяемый автоматический вход, что упрощает пользовательский интерфейс для вернувшихся пользователей. Чтобы возвращающиеся пользователи могли автоматически войти на ваш сайт, не требуется никаких жестов пользователя. Автоматический вход запускается, когда есть только одна активная учетная запись Google, которая ранее предоставила согласие на использование профиля своей учетной записи в вашем приложении.
Пользователи имеют возможность отменить процесс автоматического входа в систему на короткий период времени, обеспечивая пользовательский контроль и прозрачность. Если пользователи отменяют автоматический вход, функция «Вход с Google» запоминает это решение в течение одного дня, прежде чем снова активирует автоматический вход. Функция отмены позволяет пользователям лучше контролировать процесс автоматического входа в систему.
Если FedCM включен, между событиями автоматического входа в систему проходит 10-минутный период ожидания. Если в это время срабатывает автоматический вход, пользователи следуют процедуре входа в систему одним касанием вместо процедуры автоматического входа.
Вход с помощью Google для Интернета не поддерживает автоматический вход, и в этом случае учетные данные возвращаются без отображения пользовательского интерфейса. Конечные пользователи всегда видят какой-либо пользовательский интерфейс, ручной или автоматический вход, когда учетные данные для входа возвращаются от Google проверяющей стороне. Это улучшает конфиденциальность и контроль пользователей.
Включать ли автоматический вход в систему — это решение, которое вам нужно принять на основе UX вашего собственного веб-сайта.
Войти с помощью кнопки Google
В отличие от One Tap, кнопка «Войти через Google» должна запускаться жестом пользователя. В связи с этим функция «Вход с помощью Google» предоставляет только API для отображения кнопки, но не API для программной инициации потока кнопок. Как разработчику, все, что вам нужно сделать, это разместить кнопку «Войти через Google» на своих веб-страницах. Когда активировать кнопку, поток пользовательского интерфейса обрабатывается библиотекой прозрачно.
Другими словами, кнопка «Войти через Google» теперь должна быть сгенерирована библиотекой JavaScript Google Identity Services. API рендеринга кнопок позволяет вам настроить цвет, форму, текст и размер в соответствии с требованиями брендинга вашего веб-сайта, при этом придерживаясь рекомендаций Google. Благодаря единообразным кнопкам на веб-сайтах пользователи быстро узнают эти кнопки, доверяют им и используют их.
Информация профиля пользователя также может использоваться для отображения кнопки. Персонализированная кнопка отображается только в том случае, если существует хотя бы один активный сеанс Google, в ходе которого пользователь ранее аутентифицировался на вашем веб-сайте. Персонализированная кнопка напоминает конечным пользователям о том, что они раньше использовали «Войти через Google», и, таким образом, помогает предотвратить ненужное создание дубликатов учетных записей на вашем веб-сайте. Это особенно полезно для конечных пользователей, которые посещают ваш сайт лишь изредка. Они могут забыть методы входа, которые использовали.
Кнопка «Войти с помощью Google» поддерживает режимы всплывающих окон и перенаправления UX.
- Во всплывающем пользовательском интерфейсе после нажатия кнопки «Войти через Google» в верхней части вашей веб-страницы открывается новое всплывающее окно. Интерфейс кнопки отображается во всплывающем окне.
- В интерфейсе перенаправления полное перенаправление страницы происходит после нажатия кнопки «Войти через Google». Интерфейс кнопки отображается в том же окне. Однако пользователи больше не смогут видеть вашу веб-страницу, когда отображается кнопка UX.
Отозвать согласие пользователя
Согласие пользователя на передачу идентификационного токена может быть отозвано. Вход с помощью Google предоставляет API для программного отзыва согласия пользователя.
В отличие от метода revoke() в API авторизации Google Identity Services, вам не нужен токен доступа для отзыва согласия пользователя. Однако вам необходимо указать адрес электронной почты или идентификатор пользователя Google целевого сеанса Google, и для этой учетной записи в браузере должен быть активный сеанс Google.
API отзыва отменяет совместное использование токена идентификатора и любые другие области авторизации, если они были предоставлены ранее. Это всегда так, независимо от того, какой API отзыва вы используете.
Генератор кода
Генератор кода — это инструмент разработчика, который может помочь вам сгенерировать код интеграции на стороне клиента. Благодаря входу с помощью HTML API Google вам не понадобится код JavaScript для интеграции на стороне клиента.
Разработчикам, решившим использовать API JavaScript, рекомендуется использовать генератор кода для интерактивного проектирования кнопок. Вы также можете сначала сгенерировать HTML-код, а затем скопировать его в соответствующие поля JavaScript API.