Google One Tap Login/Signup

|||
-|-|-|
:discourse: | Zusammenfassung | Discourse Google One Tap fügt Unterstützung für die Google One Tap-Registrierung und -Anmeldung zu Discourse hinzu.
:hammer_and_wrench: | Repository-Link | \u003chttps://github.com/discourse/discourse-google-one-tap\u003e
:open_book: | Installationsanleitung | So installieren Sie Plugins in Discourse


Funktionen

Dieses Plugin fügt Unterstützung für die Google One Tap-Anmeldung und -Registrierung zu Discourse hinzu. Wenn dieses Plugin installiert und konfiguriert ist, sehen anonyme Benutzer eine Aufforderung, die wie folgt aussieht:

Von dieser Aufforderung aus können sie jedes Google-Konto, mit dem sie derzeit angemeldet sind, verwenden, um sich bei Ihrer Discourse-Instanz zu registrieren oder anzumelden (wenn sie bereits ein Konto auf Ihrer Website mit derselben E-Mail-Adresse haben).

Konfiguration

  1. Stellen Sie sicher, dass die Einstellung google_one_tap_enabled aktiviert ist

  2. Befolgen Sie die Anweisungen unter Setup  |  Web guides  |  Google for Developers, um eine Client-ID zu erhalten und zu konfigurieren, wie die Anmelde-/Registrierungsaufforderung und der Zustimmungsbildschirm aussehen

  3. Fügen Sie die Client-ID, die Sie aus Schritt 2 erhalten haben, zur Website-Einstellung google_oauth2_client_id hinzu.

CHANGELOG

Keine.

Credits

Vielen Dank an @ghassan für die Entwicklung der ursprünglichen Version dieses Plugins.

27 „Gefällt mir“

Vielen Dank für das großartige Plugin, es scheint jedoch ein Fehler zu geben, bei dem das Plugin ein unsichtbares Div erstellt, wodurch es unmöglich wird, mit Elementen darunter zu interagieren.
Es erzeugt auch zusätzlichen Platz auf der linken Seite der Seite auf Mobilgeräten.
Mobil:


Desktop:

1 „Gefällt mir“

Wie unterscheidet sich dies von der integrierten Google-Anmeldung für den Discourse-Dienst?

1 „Gefällt mir“

Hallo :wave: Ja, dieses Plugin braucht definitiv etwas :heart: Ich habe es gestern getestet und dasselbe erlebt. Es scheint, dass der Google-iframe im Login/Signup-Modal auch Probleme hat. Es scheint, dass die Ausrichtung und das Styling nicht mit anderen Social-Buttons übereinstimmen und wenn ich das Login-Modal öffne und dann zum Signup wechsle, wird der Google-Button nicht gerendert.

Hallo Don, kannst du das bitte mit etwas mehr Informationen und vielleicht einigen Screenshots erweitern? Lokal konnte ich es zum Laufen bringen:

Im Inkognito-Modus tritt jedoch dasselbe Problem auf:

Dafür kann es viele Gründe geben; einer davon ist zum Beispiel der von Google hinzugefügte “exponentielle Abkühlungszeitraum”:

Es gibt möglicherweise eine Möglichkeit, zu erkennen, dass dies nicht korrekt geladen wurde – aber zumindest in Chrome ist das Element mit “Sign in to localhost with google.com” gar kein Element auf der Seite. Vielleicht können wir das nutzen?

google.accounts.id.prompt((notification) => {
    console.log(notification)
});

Diese PR sollte das Problem beheben. @Osama Ich habe ein paar CSS-Stile entfernt. Können Sie das bitte überprüfen, wenn Sie Zeit haben?


3 „Gefällt mir“

Vielen Dank für ein großartiges Plugin, es ist genau das, wonach ich gesucht habe.
Aber ist das Plugin auch mit den neuesten Änderungen „Chrome third-party cookie deprecation starts Q1 2024“ kompatibel? Hier sind weitere Informationen zur FedCM-Anforderung und deren Migration.

Eine weitere Beobachtung.


Die Funktionalität ist sehr ähnlich, könnte sie mit dem nativen Google-Login kombiniert werden, den Discourse bereits hat, damit der Login-Bildschirm nicht zwei „Login with Google“-Boxen hat?

1 „Gefällt mir“

Es scheint, dass Ihnen niemand geantwortet hat, @nathank, also werde ich mit dem antworten, was meiner Meinung nach sowohl die Antwort als auch vielleicht eine Frage ist?

Ich denke, dieser Ein-Tipp-Vorgang ist das, was üblicherweise als Aufforderung zur Erstellung eines Google-Kontos angesehen wird, wenn man auf eine Website stößt, zum Beispiel so:

Ich glaube, der Hauptunterschied zwischen diesem und der nativen Google-Authentifizierungsunterstützung besteht darin, dass dies ausgelöst wird, wenn jemand auf eine Seite stößt, anstatt dass ein Benutzer den Weg zur Anmelde-/Registrierungsaufforderung findet.

1 „Gefällt mir“

Ich weiß es wirklich zu schätzen, dass Sie meine etwas veraltete Frage beantworten!!

Wenn es so einfach ist (und das scheint es zu sein), warum wird die Funktionalität dieses Plugins dann nicht in den Kern integriert??

2 „Gefällt mir“

Ja, einverstanden, oder machen Sie es zu einer Option im Kern. Dies ist eine ziemlich anerkannte Methode, um Registrierungen zu erhöhen und die Onboarding-Reibung zu verringern – Benutzer sind mit dieser Erfahrung vertraut.

1 „Gefällt mir“

Diese Lösung hatte (oder hat) einige Probleme, die die Anmeldung tatsächlich erschwerten, und sie sah auf Mobiltelefonen unordentlich aus. Tut mir leid, das ist wirklich eine nutzlose Antwort, da ich mich nicht mehr daran erinnern kann, was diese Probleme waren, warum ich sie deaktiviert habe – auch wenn die Mehrheit hier in Finnland Gmail benutzt.

Bump, ist mir gerade auch aufgefallen.

Verwenden Sie nicht diese „gewöhnliche“ Google-Anmeldung. Es ist nicht schwieriger. Ich habe beide behalten, da ein Tippen nicht in jeder Situation aktiv ist.

Genau, aber ich möchte nicht zwischen zwei redundanten Schaltflächen oder gar keinen in manchen Situationen wählen. :slight_smile:

Es wird unwissentlich Google-Server kontaktieren, wenn jemand versucht, sich auf der anfänglichen Seite anzumelden/zu registrieren.

  1. Navigieren Sie zu Admin → Anpassen → Themes → CSS/HTML.
  2. Öffnen Sie den CSS-Editor für Ihr aktives Theme.
  3. Fügen Sie den folgenden Code zum CSS-Abschnitt hinzu:
div#google_one_tap.btn-social {
    display: none !important;
}
  1. Speichern Sie Ihre Änderungen.
  2. Aktualisieren Sie die Seite, um sicherzustellen, dass die Schaltfläche nicht mehr sichtbar ist.
2 „Gefällt mir“