Bouton "Personnaliser les boutons"

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.

Un bouton personnalisé affiche des informations de profil pour la première session Google qui approuve votre site Web. Une session Google approuvée est associée à un compte associé sur votre site Web qui s'est déjà connecté via la fonctionnalité Se connecter avec Google.

Lorsqu'un bouton personnalisé s'affiche, l'utilisateur connaît les points suivants:

  • Il y a au moins une session Google active.
  • Il existe un compte correspondant sur votre site Web.

Un bouton personnalisé permet aux utilisateurs d'identifier rapidement l'état de la session sur Google et sur votre site Web avant qu'ils ne cliquent sur le bouton. C'est particulièrement utile pour les utilisateurs finaux qui ne consultent votre site Web qu'occasionnellement. Ils peuvent oublier si un compte a été créé ou non, et de quelle manière. Un bouton personnalisé leur rappelle que l'application Se connecter avec Google a déjà été utilisée. Cela permet d'éviter la création de comptes inutiles sur votre site Web.

Pour indiquer l'état de la session, le bouton personnalisé s'affiche de la manière suivante:

  • Une seule session:une seule session côté Google. Cette session approuve le client, et il existe un compte correspondant sur votre site Web.
Bouton personnalisé affichant le nom d'un seul compte Google.
  • Plusieurs sessions : plusieurs sessions sont comptabilisées du côté Google. Ces sessions approuvent le client. L'approbation est indiquée par la flèche de liste située à côté du compte affiché. Au moins une session est associée à un compte sur votre site Web.
Bouton personnalisé avec une flèche dans une liste.
  • Aucune session : aucune session n'est enregistrée sur Google, ou aucune session n'a encore été approuvée par le client.
Bouton indiquant "Se connecter avec Google" sans informations personnalisées.

Le bouton personnalisé s'affiche automatiquement lorsque l'état de la session convient, sauf si les paramètres du bouton ne permettent pas de l'afficher. Actuellement, le bouton personnalisé ne s'affiche pas si:

  • L'attribut data-type est icon.
  • La valeur de l'attribut data-size est medium ou small.
  • L'attribut data-width est défini sur un nombre inférieur à 200 px.

Les noms et les adresses e-mail sont elliptés lorsqu'ils sont trop longs pour être affichés dans le bouton.

Bouton personnalisé avec nom et e-mail en forme de points de suspension.