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 aux utilisateurs et aux 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

Le mode Un Tap sur les navigateurs ITP est activé par défaut pour tous les sites Web qui ne sont pas explicitement désactivés.

Pour désactiver la fonctionnalité, vous pouvez ajouter data-itp_support="false" à votre code, comme indiqué dans l'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 la désactiver maintenant, puis la supprimer plus tard, à 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 les sites Web Google.
    • No-Google-session: aucune session 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 une session Google

  1. Page d'accueil.

    Page d&#39;accueil chaleureuse

  2. 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 session Google en cliquant sur le bouton Utiliser un autre compte. Consultez les parcours utilisateur Sans session Google ci-dessous.

Parcours utilisateur connu avec session Google

  1. Page d'accueil

    Page d&#39;accueil chaleureuse

  2. Page du sélecteur de compte.

    Sélecteur de compte Google

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

    Les utilisateurs peuvent ajouter une session Google en cliquant sur le bouton Utiliser un autre compte. Consultez les parcours utilisateur Sans session Google ci-dessous.

Parcours utilisateur sans session Google

  1. Page d'accueil.

    Page d&#39;accueil chaleureuse

  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 d&#39;accueil chaleureuse

  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. Une fois que l'utilisateur a cliqué sur le bouton Suivant, un jeton d'ID est partagé avec votre site Web.