Compatibilité avec le paiement sans contact sur les navigateurs ITP

En raison de la fonctionnalité Intelligent Tracking Prevention (ITP), une page de bienvenue supplémentaire s'affiche pour les navigateurs ITP, comme Chrome sur iOS, Safari et Firefox. Avec ce changement, l'expérience utilisateur One Tap fonctionne sur plusieurs plates-formes et offre ainsi une expérience cohérente pour les utilisateurs et les développeurs.

Vous pouvez contrôler si l'expérience utilisateur One Tap sur ITP doit être activée ou non en définissant l'attribut data-itp_support.

Se désinscrire

One Tap sur les navigateurs ITP est activé par défaut pour tous les sites Web qui ne sont pas explicitement désactivées.

Pour désactiver cette fonctionnalité, vous pouvez ajouter data-itp_support="false" à votre code, comme indiqué dans les extrait suivant:

<div id="g_id_onload"
     data-client_id="YOUR_GOOGLE_CLIENT_ID"
     data-itp_support="false"
     data-login_uri="https://your.domain/your_login_endpoint">
</div>

Par exemple, vous souhaitez le déployer ultérieurement ou selon un pourcentage de déploiement entièrement contrôlé par vous-même. Dans ce cas, vous pouvez simplement vous désinscrire maintenant, puis, plus tard, supprimer la désactivation à votre guise.

Principaux parcours utilisateur

Les parcours utilisateur varient en fonction des états suivants.

  • État de la session sur les sites Web Google. Les termes suivants sont utilisés pour indiquer différents états de session Google au début du parcours utilisateur.

    • Has-Google-session: il y a au moins une session active sur Google sites Web.
    • Aucune session Google: aucune session n'est active sur les sites Web Google.
  • Indique si le compte Google sélectionné a approuvé votre site Web au début du parcours utilisateur. Les termes suivants sont utilisés pour indiquer différents états d'approbation.

    • Nouvel utilisateur: le compte sélectionné n'a pas approuvé votre site Web.
    • Utilisateur connu: le compte sélectionné a déjà approuvé votre site Web.

Parcours utilisateur avec Has-Google-session

  1. Page d'accueil.

    Page de bienvenue

  2. La page du sélecteur de compte.

    Page de sélecteur de compte Has-Initial-Session

  3. Nouvelle page de consentement de l'utilisateur.

    Autorisation et connexion via le bouton &quot;Se connecter avec Google&quot;.

  4. Une fois que l'utilisateur a confirmé, un jeton d'ID est partagé avec votre site Web.

    Les utilisateurs peuvent ajouter une nouvelle session Google en cliquant sur le bouton Utiliser un autre compte. , reportez-vous au parcours utilisateur No-Google-session ci-dessous.

Parcours utilisateur connu avec session Google

  1. Page d'accueil.

    Page de bienvenue

  2. Page du sélecteur de compte.

    Sélecteur de compte Google

  3. Une fois que l'utilisateur a choisi un compte de retour, un jeton d'ID est partagé avec votre site Web.

    Les utilisateurs peuvent ajouter une nouvelle session Google en cliquant sur le bouton Utiliser un autre compte. , reportez-vous au parcours utilisateur No-Google-session ci-dessous.

Parcours utilisateur sans session Google

  1. Page d'accueil.

    Page de bienvenue

  2. Première page permettant d'ajouter une session Google.

    Adresse e-mail du compte Google

  3. Deuxième page permettant d'ajouter une session Google.

    Connexion à un compte Google

  4. Nouvelle page de consentement de l'utilisateur.

    Autorisation et connexion via le bouton &quot;Se connecter avec Google&quot;.

  5. Une fois la confirmation effectuée par l'utilisateur, un jeton d'ID est partagé avec votre site Web.

Parcours utilisateur connu sans session Google

  1. Page d'accueil.

    Page de bienvenue

  2. Première page permettant d'ajouter une session Google.

    Adresse e-mail du compte Google

  3. Deuxième page permettant d'ajouter une session Google.

    Connexion au compte Google

  4. Lorsque l'utilisateur clique sur le bouton Next (Suivant), un jeton d'ID est partagé avec votre sur votre site Web.