{"id":8116,"date":"2023-08-15T10:14:16","date_gmt":"2023-08-15T17:14:16","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&p=8116"},"modified":"2025-02-26T15:29:01","modified_gmt":"2025-02-26T20:29:01","slug":"configuration-de-la-connexion-avec-google","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/fr\/documents-3-2\/configuration-de-la-connexion-avec-google\/","title":{"rendered":"Configuration de la connexion avec Google"},"content":{"rendered":"

PLAN PLUS +<\/mark><\/a><\/p>\n\n\n\n

L'extension de connexion Google de MemberMouse permet \u00e0 vos utilisateurs de cr\u00e9er une nouvelle adh\u00e9sion gratuite \u00e0 l'aide de leurs identifiants de connexion Google.<\/p>\n\n\n\n

Veuillez noter que ces instructions peuvent n\u00e9cessiter un ordre diff\u00e9rent pour certains ou avoir un aspect diff\u00e9rent de celui indiqu\u00e9. L'interface du d\u00e9veloppeur change r\u00e9guli\u00e8rement, et chaque compte aura des exigences de v\u00e9rification qui peuvent ne pas \u00eatre couvertes dans cet article. <\/p>\n\n\n\n

<\/div>\n\n\n\n
Cr\u00e9ation d'une application Google<\/h5>\n\n\n\n

La premi\u00e8re \u00e9tape pour activer l'extension de connexion Google sur votre site consiste \u00e0 cr\u00e9er une application Google. Pour cr\u00e9er votre application, proc\u00e9dez comme suit :<\/p>\n\n\n\n

<\/div>\n\n\n\n
    \n
  1. Tout d'abord, vous devez cr\u00e9er un projet. Pour acc\u00e9der \u00e0 la page des d\u00e9veloppeurs de Google, visitez https:\/\/console.developers.google.com\/project<\/a>. Si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 des applications Google, vous les verrez ici.

    Cliquez sur Cr\u00e9er un projet<\/em>.

    \"\"

    <\/li>\n\n\n\n
  2.  Vous devrez fournir quelques informations sur votre nouveau projet :

    \"\"


    Une fois que vous avez cliqu\u00e9 sur \"Cr\u00e9er\", vous acc\u00e9dez \u00e0 l'IAM et \u00e0 l'Admin de votre projet.


    <\/li>\n\n\n\n
  3. Cliquez sur le menu de navigation \u00e0 trois barres en haut \u00e0 gauche, puis cliquez sur Titres de comp\u00e9tences<\/em> sous API et services.

    \"\"

    <\/li>\n\n\n\n
  4. Cliquez sur Cr\u00e9er des informations d'identification <\/em>et ID du client OAuth<\/em>:

    \"\"

    <\/li>\n\n\n\n
  5. La deuxi\u00e8me section \"Credentials\" s'affiche :

    \"\"


    Javascript autoris\u00e9 Origines<\/strong>: Il s'agit de l'URL de votre site de base (tel qu'il est utilis\u00e9 dans votre licence MemberMouse).

    URL de redirection autoris\u00e9e :\u00a0<\/strong>Il s'agit de l'URL qui appara\u00eet sur l'\u00e9cran de configuration de Google de MemberMouse :

    https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth.done=Google<\/code>


    Au cours de la proc\u00e9dure d'installation, il se peut que l'on vous demande d'acc\u00e9der \u00e0 un \u00e9cran de configuration suppl\u00e9mentaire pour d\u00e9finir votre nom et votre domaine autoris\u00e9 :

    \"\"


    Adresse \u00e9lectronique :\u00a0<\/strong>Il s'agit de l'adresse du compte gmail que vous utilisez.

    Nom du produit affich\u00e9 aux utilisateurs :\u00a0<\/strong>Il s'agit g\u00e9n\u00e9ralement du nom de votre site web. C'est ce que Google indiquera dans la demande d'acc\u00e8s que l'utilisateur devra confirmer.

    URL de la page d'accueil :<\/strong>\u00a0Il s'agit de la page d'accueil de votre site web, elle est facultative.

    Logo du produit :<\/strong>\u00a0Votre logo est facultatif, mais il appara\u00eetra sur la demande.

    URL de la politique de confidentialit\u00e9 :<\/strong>\u00a0Ceci est facultatif

    Conditions d'utilisation URL :<\/strong>\u00a0\u00c9galement en option

    <\/li>\n\n\n\n
  6. Une fois que vous avez rempli l'\u00e9cran d'identification du client OAuth, cliquez sur Cr\u00e9er<\/em>. Votre num\u00e9ro de client et votre secret s'affichent.

    \"\"


    <\/li>\n\n\n\n
  7. Ouvrez un nouvel onglet dans votre navigateur web et passez \u00e0 la configuration de l'extension de connexion Google.<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n\n
    Configuration de l'extension Google Login<\/h5>\n\n\n\n

    Pour activer l'extension de connexion Google, suivez les \u00e9tapes ci-dessous :<\/p>\n\n\n\n

    <\/div>\n\n\n\n
      \n
    1. Dans le menu MemberMouse, cliquez sur Param\u00e8tres g\u00e9n\u00e9raux<\/em>.

      <\/li>\n\n\n\n
    2. Ensuite, cliquez sur le bouton Extensions<\/em> et sur la page suivante, cliquez sur le logo Google.

      <\/li>\n\n\n\n
    3. Vous devrez fournir certaines informations \u00e0 partir de votre application Google et effectuer quelques s\u00e9lections :

      \"\"


      Identifiant du client<\/strong> - Depuis le tableau de bord de votre projet Google.

      App Secret<\/strong> - Depuis le tableau de bord de votre projet Google.

      Autoriser les inscriptions ?<\/strong> - Si vous souhaitez autoriser les nouveaux clients \u00e0 s'inscrire en utilisant leurs identifiants de connexion Google, cochez cette case. Dans le cas contraire, les membres ne pourront se connecter qu'\u00e0 l'aide de leurs identifiants Google, mais ne pourront pas s'inscrire pour une nouvelle adh\u00e9sion.

      Niveau d'adh\u00e9sion - <\/strong>Les clients ne peuvent s'inscrire \u00e0 un niveau d'adh\u00e9sion 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\u00e9lectionner l'adh\u00e9sion gratuite par d\u00e9faut \u00e0 laquelle vous souhaitez que les clients s'inscrivent lorsqu'ils utilisent Google.

      URL de rappel :<\/strong> - Il s'agit de l'URL utilis\u00e9e dans le projet Google dans les \u00e9tapes ci-dessus.

      <\/li>\n\n\n\n
    4. Cliquez sur Sauvegarder la configuration.<\/em><\/li>\n<\/ol>\n\n\n\n
      <\/div>\n\n\n\n
      <\/div>\n\n\n\n
      Ajouter Google Signup et Login \u00e0 votre site<\/h5>\n\n\n\n
      <\/div>\n\n\n\n

      \"\"

      Une fois que vous avez configur\u00e9 votre site pour accepter la connexion Google, vous devez ajouter les SmartTags suivants pour permettre l'inscription et la connexion :<\/p>\n\n\n\n

      <\/div>\n\n\n\n
      Bouton d'inscription SmartTag<\/strong>\u2122<\/h6>\n\n\n\n

      Le SmartTag\u2122 suivant g\u00e9n\u00e8re un bouton que les clients peuvent utiliser pour s'inscrire \u00e0 un nouveau compte :

      [MM_Social_Signup_Button provider='Google']<\/code>


      Attributs :<\/strong>

      <\/em>provider - D\u00e9finissez l'attribut provider sur \"all\" pour g\u00e9n\u00e9rer 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 \u00e9galement utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :

      [MM_Social_Signup_Button provider='all']<\/code>


      Attributs facultatifs :<\/strong>
      <\/em>
      membershipLevel - Vous pouvez utiliser cet attribut pour remplacer le niveau d'adh\u00e9sion par d\u00e9faut d\u00e9fini ci-dessus. Il prend un identifiant de niveau d'adh\u00e9sion pour les niveaux d'adh\u00e9sion gratuits uniquement. Par exemple :

      [MM_Social_Signup_Button provider='Google' membershipLevel='2']<\/code>


      Lire cet article pour apprendre \u00e0 trouver les identifiants de vos niveaux d'adh\u00e9sion<\/a>.<\/p>\n\n\n\n

      <\/div>\n\n\n\n
      Bouton de connexion SmartTag<\/strong>\u2122<\/h6>\n\n\n\n

      Le SmartTag\u2122 suivant g\u00e9n\u00e8re un bouton que les clients peuvent utiliser pour se connecter \u00e0 un compte existant :<\/p>\n\n\n\n

      [MM_Social_Login_Button provider='Google']<\/code><\/p>\n\n\n\n


      Attributs :<\/strong>

      <\/em>provider - D\u00e9finissez l'attribut provider sur \"all\" pour g\u00e9n\u00e9rer 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 \u00e9galement utiliser une balise individuelle pour chaque fournisseur : Twitter, Facebook et Google :
      <\/strong>
      [MM_Social_Login_Button provider='all']<\/code><\/p>\n\n\n\n

      <\/div>\n\n\n\n
      D\u00e9pannage<\/h5>\n\n\n\n

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

      \"\"


      Cela signifie que l'URL indiqu\u00e9e n'est pas configur\u00e9e par Google comme une URI de redirection autoris\u00e9e. <\/p>\n\n\n\n

      Pour r\u00e9soudre ce probl\u00e8me, rendez-vous dans la Google Developers Console, cliquez sur APIS & AUTH<\/em> > Titres de comp\u00e9tences <\/em>et assurez-vous que l'URI dans le message d'erreur ci-dessus est coll\u00e9 dans le champ Redirection des URI<\/em> sur cette page. L'URI auquel Google fait r\u00e9f\u00e9rence dans le message d'erreur doit \u00eatre inclus ici exactement comme il appara\u00eet dans le message d'erreur.<\/p>\n\n\n\n

      <\/div>","protected":false},"excerpt":{"rendered":"

      PLAN PLUS + L'extension de connexion Google de MemberMouse permet \u00e0 vos utilisateurs de cr\u00e9er une nouvelle adh\u00e9sion gratuite \u00e0 l'aide de leurs identifiants de connexion Google. Veuillez noter que ces instructions peuvent...<\/p>","protected":false},"author":21411,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"ht-kb-category":[193],"ht-kb-tag":[],"class_list":["post-8116","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-social-sign-on"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/comments?post=8116"}],"version-history":[{"count":1,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions"}],"predecessor-version":[{"id":20890,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb\/8116\/revisions\/20890"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/media?parent=8116"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-category?post=8116"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/fr\/wp-json\/wp\/v2\/ht-kb-tag?post=8116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}