1. Installer le Plugin Google One Tap dans WordPress
Pour commencer, connectez-vous à votre tableau de bord WordPress.
- Dans le menu de gauche, sélectionnez Extensions puis cliquez sur Ajouter.
- Vous serez redirigé vers une page où vous pouvez rechercher des plugins. Dans la barre de recherche, tapez Google One Tap.
- Lorsque les résultats apparaissent, sélectionnez le premier plugin proposé et cliquez sur Installer.
Réglage du plugin
À cette étape, vous aurez besoin d’un identifiant client. Comme vous n’en avez pas encore, nous allons maintenant en créer un.
2. Obtenir son ID client
Pour obtenir votre ID client, rendez-vous sur console.google.cloud.com. Vous arriverez sur une page qui peut sembler un peu chargée, mais ne vous inquiétez pas, c’est plus simple qu’il n’y paraît !
On crée notre projet
Tout d’abord, je pars du principe que vous avez déjà un compte Gmail. Si ce n’est pas le cas, créez-en un.
Ensuite, en haut à gauche de la page, cliquez sur le bouton Nouveau projet.
Nom de notre projet
Entrez le nom de votre projet. Le nom n’a pas d’importance à cette étape. Puis cliquez sur le bouton créer.
Sélectionnez votre projet google one tap
Vous remarquerez que l’icône en forme de cloche affiche le nom de votre projet. Sélectionnez-le.
API et services
Ensuite, regardez le menu à gauche et cliquez sur API et services, puis sur Écran de consentement OAuth.
On passe en mode test
Sélectionnez Externe puis cliquez sur le bouton Créer.
Remplissez les informations suivantes
- Nom de l’application : Entrez un nom quelconque, peu importe lequel.
- Adresse e-mail d’assistance utilisateur : Renseignez l’adresse de votre choix, ou utilisez votre compte Gmail si c’est celui que vous consultez le plus souvent.
- Ne modifiez pas la partie Logo, car cela nécessiterait une vérification qui pourrait retarder la publication.
Dans la section « Domaine de l’application » :
- URL de votre site web : Entrez l’URL de votre site.
- Domaines autorisés : Entrez votre domaine sans « https:// ».
Coordonnées du développeur :
- Renseignez votre adresse e-mail ou celle de votre développeur, si vous en avez un.
Ensuite, cliquez sur Enregistrer et continuer.
On passe cette partie
Passez cette page, cliquez sur Enregistrer et continuer.
On passe également cette page
Passez également cette page, cliquez sur Enregistrer et continuer.
Page récapitulative
Vérifiez bien les informations, puis cliquez sur Revenir au tableau de bord.
Déployez votre projet
Ensuite, cliquez sur le bouton Publier l’application. Une fenêtre pop-up apparaîtra, cliquez sur Confirmer.
Mode production
À ce stade, l’état de validation n’est pas requis (mais si vous aviez ajouté un logo, l’état serait en attente de validation). L’application est maintenant en mode Production.
Obtenons maintenant l’ID client Google One Tap
- Dans le menu à gauche, sélectionnez Identifiants.
- En haut de la page, cliquez sur Créer des identifiants et choisissez ID client OAuth.
Selectionez application web
Dans le menu déroulant, sélectionnez Application Web.
Remplissez les informations suivantes
- Entrez un nom quelconque dans le champ Nom.
- Dans Origines JavaScript autorisées et URI de redirection autorisées, ajoutez l’URL de votre site internet et cliquez sur Créer.
Copiez votre ID client
Une fenêtre pop-up apparaîtra avec votre ID client. Copiez-le.
3. Finalisation dans Google One Tap
- Retournez dans les paramètres de Google One Tap Login et collez votre clé dans le champ Google Client ID.
- Cochez les options Enable on WP login, WooCommerce, etc., selon vos besoins.
Et voilà, c’est terminé vous avez configurer Google One Tap ! Rechargez votre site, et celui-ci vous proposera désormais une connexion directe via Google.
