Konfigurieren der Anmeldung bei Google

PLUS PLAN +

Die Google-Login-Erweiterung von MemberMouse ermöglicht es Ihren Nutzern, mit ihren Google-Anmeldedaten eine neue kostenlose Mitgliedschaft zu erstellen.

Bitte beachten Sie, dass diese Anweisungen für einige eine andere Reihenfolge erfordern oder anders aussehen können als dargestellt. Die Entwicklerschnittstelle ändert sich regelmäßig, und jedes Konto hat Verifizierungsanforderungen, die in diesem Artikel möglicherweise nicht behandelt werden. 

Erstellen einer Google App

Der erste Schritt zur Aktivierung der Google-Login-Erweiterung auf Ihrer Website besteht darin, eine Google-App zu erstellen. Um Ihre App zu erstellen, folgen Sie diesen Schritten:

1. Zunächst müssen Sie ein Projekt erstellen. Um auf die Google-Entwicklerseite zuzugreifen, besuchen Sie https://console.developers.google.com/project. Wenn Sie bereits Google-Anwendungen erstellt haben, werden diese hier angezeigt.
   
   Klicken Sie auf Projekt erstellen.
   
   
   
   
2.  Sie müssen einige Informationen über Ihr neues Projekt ausfüllen:
   
   
   
   
   Wenn Sie auf "Erstellen" klicken, gelangen Sie in den IAM- und Admin-Bereich für Ihr Projekt.
   
   
   
3. Klicken Sie auf das dreistufige Navigationsmenü oben links und dann auf Berechtigungsnachweise unter APIs und Dienste.
   
   
   
   
4. Klicken Sie auf Berechtigungsnachweise erstellen und OAuth-Client-ID:
   
   
   
   
5. Der zweite Abschnitt Credentials wird geladen:
   
   
   
   
   Autorisierte Javascript-Ursprünge: Dies ist die URL Ihrer Basis-Site (wie in Ihrer MemberMouse-Lizenz verwendet)
   
   Autorisierte Umleitungs-URL: Dies ist die URL, die Sie auf dem Konfigurationsbildschirm von MemberMouse Google sehen:
   
   https://yoursite.com/wp-content/plugins/membermouse/lib/hybridauth/?hauth_done=Google
   
   
   Während des Einrichtungsvorgangs werden Sie möglicherweise aufgefordert, einen zusätzlichen Konfigurationsbildschirm aufzurufen, um Ihren Namen und die autorisierte Domäne festzulegen:
   
   
   
   
   E-Mail Adresse: Dies ist die Adresse des von Ihnen verwendeten Google Mail-Kontos
   
   Produktname, der den Benutzern angezeigt wird: Normalerweise ist dies der Name Ihrer Website. Dies wird von Google in der Zugriffsanfrage aufgeführt, die der Nutzer bestätigen muss.
   
   Homepage URL: Dies wird die Startseite Ihrer Website sein, sie ist optional.
   
   Produktlogo: Ihr Logo ist optional, wird aber auf dem Antrag erscheinen
   
   URL der Datenschutzrichtlinie: Dies ist fakultativ
   
   Allgemeine Geschäftsbedingungen URL: Ebenfalls optional
   
   
6. Sobald Sie den Bildschirm OAuth Client ID ausgefüllt haben, klicken Sie auf erstellen.. Ihre Client-ID und Ihr Geheimnis werden angezeigt.
   
   
   
   
   
7. Öffnen Sie eine neue Registerkarte in Ihrem Webbrowser und gehen Sie zur Konfiguration der Google Login Extension.

Konfigurieren der Google Login-Erweiterung

Um die Google-Login-Erweiterung zu aktivieren, führen Sie die folgenden Schritte aus:

1. Klicken Sie im Menü MitgliedMaus auf Allgemeine Einstellungen.
   
   
2. Klicken Sie dann auf die Schaltfläche Erweiterungen und klicken Sie auf der folgenden Seite auf das Google-Logo.
   
   
3. Sie müssen einige Informationen aus Ihrer Google-App angeben und einige Auswahlen treffen:
   
   
   
   
   Kunden-ID - Über Ihr Google-Projekt-Dashboard.
   
   App Geheimnis - Über Ihr Google-Projekt-Dashboard.
   
   Anmeldungen zulassen? - Wenn Sie neuen Kunden erlauben möchten, sich mit ihren Google-Anmeldedaten anzumelden, dann klicken Sie auf dieses Feld. Andernfalls können sich die Mitglieder nur mit ihren Google-Anmeldedaten anmelden, aber keine neue Mitgliedschaft abschließen.
   
   Mitgliedschaftslevel - Kunden können sich nur für eine kostenlose Mitgliedschaft anmelden, wenn sie ihre Google-Anmeldedaten verwenden. Sobald sie Mitglieder sind, können sie eine bezahlte Mitgliedschaft erwerben. Sie müssen die kostenlose Standardmitgliedschaft auswählen, der Ihre Kunden beitreten sollen, wenn sie Google verwenden.
   
   Rückruf-URL: - Dies ist die URL, die im Google-Projekt in den obigen Schritten verwendet wird.
   
   
4. Klicken Sie auf Konfiguration speichern.

Hinzufügen von Google Signup und Login zu Ihrer Website

Sobald Sie Ihre Website so konfiguriert haben, dass sie Google-Login akzeptiert, müssen Sie die folgenden SmartTags hinzufügen, um Anmeldung und Login zu ermöglichen:

Anmeldeschaltfläche SmartTag™

Der folgende SmartTag™ erzeugt eine Schaltfläche, mit der sich Kunden für ein neues Konto anmelden können:

[MM_Social_Signup_Button provider='Google']


Attribute:

provider - Setzen Sie das provider-Attribut auf 'all', um Anmeldebuttons für alle aktiven Social-Login-Anbieter zu generieren, oder verwenden Sie ein individuelles Tag für jeden Anbieter Twitter, Facebook und Google. Zum Beispiel:

[MM_Social_Signup_Button provider='all']


Optionale Attribute:

membershipLevel - Sie können dieses Attribut optional verwenden, um die oben definierte Standardmitgliedschaftsstufe für die Anmeldung zu überschreiben. Es nimmt eine Mitgliedschaftslevel-ID nur für kostenlose Mitgliedschaftslevel. Zum Beispiel:

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


Lesen Sie diesen Artikel, um erfahren Sie, wie Sie die IDs Ihrer Mitgliedsstufen finden.

Login-Schaltfläche SmartTag™

Der folgende SmartTag™ erzeugt eine Schaltfläche, mit der sich Kunden bei einem bestehenden Konto anmelden können:

[MM_Social_Login_Button provider='Google']

Attribute:

provider - Setzen Sie das provider-Attribut auf 'all', um Anmeldebuttons für alle aktiven Social-Login-Anbieter zu generieren, oder verwenden Sie ein individuelles Tag für jeden Anbieter Twitter, Facebook und Google. Zum Beispiel:

[MM_Social_Login_Button provider='all']

Fehlersuche

In einigen Systemen gibt die Standard-Callback-URL den folgenden Fehler zurück, wenn versucht wird, die Anmeldung zu verwenden:




Das bedeutet, dass die angegebene URL bei Google nicht als autorisierter Redirect-URI konfiguriert ist.

Um dies zu beheben, gehen Sie zur Google Developers Console, klicken Sie auf APIS & AUTH > Berechtigungsnachweise und stellen Sie dann sicher, dass der URI in der obigen Fehlermeldung in das Feld URIs umleiten Bereich auf dieser Seite. Der URI, auf den sich Google in der Fehlermeldung bezieht, muss hier genau so angegeben werden, wie er in der Fehlermeldung erscheint.