Configuration de la connexion avec Google

PLAN PLUS +

L'extension de connexion Google de MemberMouse permet à vos utilisateurs de créer une nouvelle adhésion gratuite à l'aide de leurs identifiants de connexion Google.

Veuillez noter que ces instructions peuvent nécessiter un ordre différent pour certains ou avoir un aspect différent de celui indiqué. L'interface du développeur change régulièrement, et chaque compte aura des exigences de vérification qui peuvent ne pas être couvertes dans cet article. 

Création d'une application Google

La première étape pour activer l'extension de connexion Google sur votre site consiste à créer une application Google. Pour créer votre application, procédez comme suit :

1. Tout d'abord, vous devez créer un projet. Pour accéder à la page des développeurs de Google, visitez https://console.developers.google.com/project. Si vous avez déjà créé des applications Google, vous les verrez ici.
   
   Cliquez sur Créer un projet.
   
   
   
   
2.  Vous devrez fournir quelques informations sur votre nouveau projet :
   
   
   
   
   Une fois que vous avez cliqué sur "Créer", vous accédez à l'IAM et à l'Admin de votre projet.
   
   
   
3. Cliquez sur le menu de navigation à trois barres en haut à gauche, puis cliquez sur Titres de compétences sous API et services.
   
   
   
   
4. Cliquez sur Créer des informations d'identification et ID du client OAuth:
   
   
   
   
5. La deuxième section "Credentials" s'affiche :
   
   
   
   
   Javascript autorisé Origines: Il s'agit de l'URL de votre site de base (tel qu'il est utilisé dans votre licence MemberMouse).
   
   URL de redirection autorisée : Il s'agit de l'URL qui apparaît sur l'écran de configuration de Google de MemberMouse :
   
   https://yoursite.com/wp-content/plugins/membermouse/lib/hybridauth/?hauth_done=Google
   
   
   Au cours de la procédure d'installation, il se peut que l'on vous demande d'accéder à un écran de configuration supplémentaire pour définir votre nom et votre domaine autorisé :
   
   
   
   
   Adresse électronique : Il s'agit de l'adresse du compte gmail que vous utilisez.
   
   Nom du produit affiché aux utilisateurs : Il s'agit généralement du nom de votre site web. C'est ce que Google indiquera dans la demande d'accès que l'utilisateur devra confirmer.
   
   URL de la page d'accueil : Il s'agit de la page d'accueil de votre site web, elle est facultative.
   
   Logo du produit : Votre logo est facultatif, mais il apparaîtra sur la demande.
   
   URL de la politique de confidentialité : Ceci est facultatif
   
   Conditions d'utilisation URL : Également en option
   
   
6. Une fois que vous avez rempli l'écran d'identification du client OAuth, cliquez sur Créer. Votre numéro de client et votre secret s'affichent.
   
   
   
   
   
7. Ouvrez un nouvel onglet dans votre navigateur web et passez à la configuration de l'extension de connexion Google.

Configuration de l'extension Google Login

Pour activer l'extension de connexion Google, suivez les étapes ci-dessous :

1. Dans le menu MemberMouse, cliquez sur Paramètres généraux.
   
   
2. Ensuite, cliquez sur le bouton Extensions et sur la page suivante, cliquez sur le logo Google.
   
   
3. Vous devrez fournir certaines informations à partir de votre application Google et effectuer quelques sélections :
   
   
   
   
   Identifiant du client - Depuis le tableau de bord de votre projet Google.
   
   App Secret - Depuis le tableau de bord de votre projet Google.
   
   Autoriser les inscriptions ? - Si vous souhaitez autoriser les nouveaux clients à s'inscrire en utilisant leurs identifiants de connexion Google, cochez cette case. Dans le cas contraire, les membres ne pourront se connecter qu'à l'aide de leurs identifiants Google, mais ne pourront pas s'inscrire pour une nouvelle adhésion.
   
   Niveau d'adhésion - Les clients ne peuvent s'inscrire à un niveau d'adhésion gratuit que s'ils utilisent leurs identifiants de connexion Google. Une fois qu'ils sont membres, ils peuvent acheter un abonnement payant. Vous devez sélectionner l'adhésion gratuite par défaut à laquelle vous souhaitez que les clients s'inscrivent lorsqu'ils utilisent Google.
   
   URL de rappel : - Il s'agit de l'URL utilisée dans le projet Google dans les étapes ci-dessus.
   
   
4. Cliquez sur Sauvegarder la configuration.

Ajouter Google Signup et Login à votre site

Une fois que vous avez configuré votre site pour accepter la connexion Google, vous devez ajouter les SmartTags suivants pour permettre l'inscription et la connexion :

Bouton d'inscription SmartTag™

Le SmartTag™ suivant génère un bouton que les clients peuvent utiliser pour s'inscrire à un nouveau compte :

[MM_Social_Signup_Button provider='Google']


Attributs :

provider - Définissez l'attribut provider sur "all" pour générer des boutons d'inscription pour tous les fournisseurs de connexion sociale actifs, ou vous pouvez utiliser une balise individuelle pour chaque fournisseur Twitter, Facebook et Google. Vous pouvez également utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :

[MM_Social_Signup_Button provider='all']


Attributs facultatifs :

membershipLevel - Vous pouvez utiliser cet attribut pour remplacer le niveau d'adhésion par défaut défini ci-dessus. Il prend un identifiant de niveau d'adhésion pour les niveaux d'adhésion gratuits uniquement. Par exemple :

[MM_Social_Signup_Button provider='Google' membershipLevel='2']


Lire cet article pour apprendre à trouver les identifiants de vos niveaux d'adhésion.

Bouton de connexion SmartTag™

Le SmartTag™ suivant génère un bouton que les clients peuvent utiliser pour se connecter à un compte existant :

[MM_Social_Login_Button provider='Google']

Attributs :

provider - Définissez l'attribut provider sur "all" pour générer des boutons d'inscription pour tous les fournisseurs de connexion sociale actifs, ou vous pouvez utiliser une balise individuelle pour chaque fournisseur Twitter, Facebook et Google. Vous pouvez également utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :

[MM_Social_Login_Button provider='all']

Dépannage

Dans certains systèmes, l'URL de rappel standard renvoie l'erreur suivante lors de la tentative d'utilisation du login :




Cela signifie que l'URL indiquée n'est pas configurée par Google comme une URI de redirection autorisée.

Pour résoudre ce problème, rendez-vous dans la Google Developers Console, cliquez sur APIS & AUTH > Titres de compétences et assurez-vous que l'URI dans le message d'erreur ci-dessus est collé dans le champ Redirection des URI sur cette page. L'URI auquel Google fait référence dans le message d'erreur doit être inclus ici exactement comme il apparaît dans le message d'erreur.