Vous trouverez ci-dessous les principales fonctionnalités de la fonctionnalité Se connecter avec Google. Vous pouvez utiliser le générateur de code pour générer le code permettant d'intégrer One Tap, la connexion automatique et le bouton "Se connecter avec Google" dans vos pages Web.
Les utilisateurs peuvent désactiver globalement la connexion tierce sur les navigateurs compatibles avec FedCM. Lorsque les utilisateurs désactivent la fonctionnalité, One Tap et la connexion automatique ne sont pas disponibles et ne s'affichent pas.
One Tap
Lorsque les utilisateurs consultent votre site Web, si une session Google active est disponible dans le navigateur, la fonctionnalité Se connecter avec Google peut les inviter à se connecter ou à s'inscrire sur votre site Web avec leur compte Google. En un geste (pour une session Google unique) ou deux actions (lorsqu'il y a plusieurs sessions Google), les utilisateurs peuvent terminer le processus de connexion ou d'inscription fédérée. L'expérience utilisateur One Tap permet des points d'entrée utilisateur fluides, car tous les flux d'expérience utilisateur sont exécutés dans un iFrame intégré à vos pages Web.
Les utilisateurs peuvent choisir de désactiver One Tap dans le monde entier. Dans ce cas, le compte Google n'affiche pas One Tap. Si tous les comptes Google actifs sont désactivés, l'interface utilisateur de One Tap ne s'affiche pas.
Nous vous recommandons d'ajouter One Tap à la boîte de dialogue de connexion principale et aux pages d'informations détaillées. Les développeurs préfèrent One Tap pour de nombreuses raisons:
- d'augmentation des taux de conversion des utilisateurs Consultez nos études de cas pour découvrir comment certains de nos partenaires ont utilisé One Tap pour améliorer leur expérience d'inscription et de connexion.
- permet de se connecter et de s'inscrire sans rediriger les utilisateurs vers une page de connexion et d'inscription dédiée.
- permet aux utilisateurs de se connecter et de s'inscrire sur votre site Web sans avoir à quitter leur parcours actuel.
- limiter les comptes en double grâce à des invites personnalisées et à la connexion automatique lors des visites répétées.
Connexion automatique
One Tap vous permet également d'activer la connexion automatique annulable, ce qui simplifie l'expérience utilisateur pour les utilisateurs connus. Aucun geste n'est nécessaire pour que les utilisateurs connus se connectent automatiquement à votre site Web. La connexion automatique est déclenchée lorsqu'un seul compte Google actif a déjà autorisé le partage de son profil avec votre application.
Les utilisateurs ont la possibilité d'annuler le processus de connexion automatique pendant une courte période, ce qui garantit le contrôle et la transparence dont ils disposent. Si les utilisateurs annulent la connexion automatique, la fonctionnalité Se connecter avec Google mémorise sa décision pendant un jour avant de réactiver la connexion automatique. La fonctionnalité d'annulation permet aux utilisateurs de mieux contrôler le processus de connexion automatique.
Lorsque FedCM est activé, un délai d'attente de 10 minutes s'applique entre les événements de connexion automatique. Si la connexion automatique est déclenchée pendant cette période, les utilisateurs suivent le flux de connexion One Tap au lieu du flux de connexion automatique.
La fonctionnalité Se connecter avec Google pour le Web n'est pas compatible avec la connexion silencieuse, auquel cas un identifiant est renvoyé sans qu'aucune UI ne s'affiche. Les utilisateurs finaux voient toujours une interface utilisateur, ainsi qu'une connexion manuelle ou automatique, lorsque des identifiants de connexion sont renvoyés par Google au tiers de confiance. Cela améliore la confidentialité et le contrôle des utilisateurs.
Vous devez décider d'activer ou non la connexion automatique en fonction de l'expérience utilisateur de votre propre site Web.
Bouton "Se connecter avec Google"
Contrairement à One Tap, le flux du bouton "Se connecter avec Google" doit être déclenché par un geste de l'utilisateur. À cette fin, Se connecter avec Google ne fournit que l'API permettant d'afficher un bouton, et non l'API permettant de lancer le flux du bouton de manière programmatique. En tant que développeur, il vous suffit d'afficher le bouton "Se connecter avec Google" sur vos pages Web. La bibliothèque gère le déclenchement du flux d'expérience utilisateur du bouton de manière transparente.
En d'autres termes, le bouton "Se connecter avec Google" doit maintenant être généré par la bibliothèque JavaScript Google Identity Services. L'API de rendu des boutons vous permet de personnaliser la couleur, la forme, le texte et la taille pour répondre aux exigences de branding de votre site Web, tout en respectant les consignes de Google. Grâce à des boutons cohérents sur les sites Web, les utilisateurs peuvent rapidement les reconnaître, les faire confiance et les utiliser.
Les informations du profil utilisateur peuvent également être utilisées pour afficher le bouton. Un bouton personnalisé ne s'affiche que lorsqu'au moins une session Google active a déjà authentifié un utilisateur sur votre site Web. Un bouton personnalisé rappelle aux utilisateurs finaux qu'ils ont déjà utilisé la fonctionnalité Se connecter avec Google, ce qui permet d'éviter la création inutile de comptes en double sur votre site Web. Cela est particulièrement utile pour les utilisateurs finaux qui ne consultent votre site Web que de manière occasionnelle. Ils peuvent oublier les méthodes de connexion qu’ils ont utilisées.
Le flux du bouton "Se connecter avec Google" est compatible avec les modes d'expérience utilisateur avec pop-up et redirection.
- Dans l'expérience utilisateur pop-up, lorsque vous cliquez sur le bouton "Se connecter avec Google", une nouvelle fenêtre pop-up s'ouvre en haut de votre page Web. Le flux UX du bouton est affiché dans une fenêtre pop-up.
- Dans l'expérience utilisateur de redirection, une page entière de redirection se produit après un clic sur le bouton "Se connecter avec Google". Le flux d'expérience utilisateur du bouton s'affiche dans la même fenêtre. Toutefois, les utilisateurs ne peuvent plus voir votre page Web lorsque l'expérience utilisateur du bouton s'affiche.
Révoquer le consentement de l'utilisateur
L'autorisation de partage d'un jeton d'ID par un utilisateur peut être révoquée. La fonctionnalité Se connecter avec Google fournit une API permettant de révoquer le consentement de l'utilisateur de manière programmatique.
Contrairement à la méthode revoke() de l'API d'autorisation Google Identity Services, vous n'avez pas besoin de jeton d'accès pour révoquer le consentement de l'utilisateur.
Toutefois, vous devez fournir l'adresse e-mail ou l'ID utilisateur Google de la session Google cible, et il doit y avoir une session Google active pour ce compte dans le navigateur.
L'API de révocation révoque le partage des jetons d'ID et tous les autres niveaux d'autorisation, s'ils ont été accordés précédemment. Cela est toujours le cas, quelle que soit l'API de révocation que vous utilisez.
Générateur de code
Le générateur de code est un outil pour les développeurs qui peut vous aider à générer le code d'intégration côté client. Avec l'API HTML Se connecter avec Google, il est possible que vous n'ayez pas besoin de code JavaScript pour l'intégration côté client.
Il est recommandé aux développeurs qui choisissent d'utiliser l'API JavaScript d'utiliser le générateur de code pour concevoir de manière interactive les boutons. Vous pouvez également générer d'abord le code HTML, puis le copier dans les champs correspondants de l'API JavaScript.