Facebook-Anmeldung verbinden

Damit sich Gäste mit einem Facebook-Konto registrieren können, melden Sie Ihren Service zuerst bei Facebook an und holen sich dort zwei Werte. Das sind die App ID und das App secret.

Diese Seite führt Sie durch die Reihenfolge, in der Sie diese zwei Werte erhalten. Wie Sie die erhaltenen Werte in WEEGLOO eintragen, steht unter Die erhaltenen Werte in WEEGLOO eintragen.

Die Adresse, die Sie zuerst kopieren

Wenn ein Gast die Anmeldung bei Facebook abgeschlossen hat, schickt Facebook das Ergebnis an eine festgelegte Adresse zurück. Diese Adresse müssen Sie bei Facebook registrieren, kopieren Sie sie also vorab. Sie fügen sie in Schritt 3 ein.

Wenn Sie unten Ihren Space auswählen, erhalten Sie die Adresse mit eingesetzter Kennung.

Space
https://auth.weegloo.com/v1/spaces/{spaceId}/login/oauth2/code/facebook

Wenn Sie sie selbst ausfüllen möchten, setzen Sie an die Stelle {spaceId} die Kennung Ihres Space. Öffnen Sie diesen Space im Content-Studio und sehen Sie in die Adressleiste des Browsers. Der Wert, der nach /spaces/ kommt, ist die Kennung.

Diese Adresse ist nicht die Adresse Ihrer Website, sondern die Stelle, an der WEEGLOO das Anmeldeergebnis entgegennimmt. Deshalb steht sie schon jetzt fest, auch wenn Sie Ihre Website noch nicht gebaut haben. Wenn Sie im Content-Studio Facebook eingeschaltet haben, erscheint dieselbe Adresse unter Step 1, sodass Sie sie auch dort kopieren können.

Zwei Werte bei Facebook erhalten

Melden Sie sich mit Ihrem Facebook-Konto an und gehen Sie dann die vier folgenden Schritte nacheinander durch. Was Sie hier tun, kostet nichts.

1

Eine App anlegen

Sie durchlaufen nacheinander die fünf Bildschirme App details, Use cases, Business, Requirements und Overview.

  1. Öffnen Sie den Bildschirm mit der App-Liste (https://developers.facebook.com/apps).

  2. Klicken Sie auf Create App.

    Der Bildschirm Apps ohne jede App. In der Mitte stehen der Hinweis No apps yet und die Schaltfläche Create App

  3. Geben Sie unter App name einen Namen ein, den Sie später wiedererkennen (z. B. Gemütlicher Kleiderschrank).

  4. Geben Sie unter App contact email die Adresse ein, über die Sie Anfragen erhalten.

  5. Klicken Sie auf Next.

    Der Schritt App details auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Es gibt das Feld App name und das Feld App contact email, unten rechts liegt die Schaltfläche Next

  6. Setzen Sie das Häkchen bei Authenticate and request data from users with Facebook Login.

  7. Klicken Sie auf Next.

    Der Schritt Use cases auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Von sechs Einträgen ist Authenticate and request data from users with Facebook Login angehakt

  8. Wählen Sie den Eintrag I don’t want to connect a business portfolio yet.

  9. Klicken Sie auf Next.

    Der Schritt Business auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Zu sehen sind die Option „I don’t want to connect a business portfolio yet.“ und der Hinweis, dass kein Business vorhanden ist

  10. Lesen Sie den Inhalt des Bildschirms Requirements und klicken Sie auf Next. Hier geben Sie nichts ein.

    Der Schritt Requirements auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Unter Publishing requirements sind Business verification und App Review aufgelistet

  11. Prüfen Sie auf dem letzten Bildschirm Overview, was Sie bisher ausgewählt haben, und legen Sie die App an.

Die App contact email ist die Adresse, die Facebook nutzt, wenn es Sie zu Ihrer App kontaktiert. Das Business-Portfolio können Sie, wie in der Beschreibung auf dem Bildschirm steht, später hinzufügen.

2

Die E-Mail-Berechtigung hinzufügen

Wenn sich ein Gast mit Facebook anmeldet, liest WEEGLOO die E-Mail-Adresse mit aus und legt sie beim Mitglied ab. Ohne die Berechtigung email gibt Facebook die E-Mail-Adresse nicht weiter. Überspringen Sie diesen Schritt deshalb nicht.

  1. Klicken Sie im linken Menü auf Use cases.

  2. Klicken Sie beim Eintrag Facebook Login auf Customize.

  3. Klicken Sie links auf Permissions and features.

  4. Klicken Sie in der Zeile email auf + Add.

    Die Liste Permissions and features. In der Zeile email steht unter Status nichts und unter Action liegt die Schaltfläche + Add, in der Zeile public_profile ist Ready for testing zu sehen

  5. Prüfen Sie, ob in den beiden Zeilen email und public_profile unter Status jeweils Ready for testing steht.

    Dieselbe Liste. In beiden Zeilen email und public_profile steht unter Status Ready for testing

Innerhalb desselben Space kann man sich mit einer E-Mail-Adresse nur einmal registrieren.

3

Die Anmeldeadresse registrieren

Das OAuth, das auf den Bildschirmen erscheint, ist der Name des Verfahrens, mit dem sich Personen mit einem Facebook-Konto anmelden können.

  1. Klicken Sie links auf Settings.

  2. Fügen Sie in das Feld Valid OAuth Redirect URIs die Adresse ein, die Sie unter Die Adresse, die Sie zuerst kopieren kopiert haben.

  3. Klicken Sie auf Save Changes.

    Der Bildschirm Settings. Oben liegt der Redirect URI Validator, unten unter Client OAuth settings liegt das Feld Valid OAuth Redirect URIs

Hier tragen Sie nur die eine Adresse ein, die Sie oben kopiert haben. Oben auf demselben Bildschirm können Sie im Redirect URI Validator eine Adresse in Redirect URI to check eintragen und sie mit Check URI prüfen lassen.

4

App ID und App secret kopieren

Die zwei Werte stehen auf dem Bildschirm mit den Grundeinstellungen der App.

  1. Klicken Sie im linken Menü auf App settings.

  2. Klicken Sie auf Basic.

  3. Kopieren Sie den Wert, der bei App ID steht, und legen Sie ihn beiseite.

  4. Klicken Sie rechts neben App secret auf Show.

  5. Kopieren Sie den erscheinenden Wert und legen Sie ihn beiseite.

    Der Bildschirm Basic unter App settings. Der Wert der App ID ist zu sehen, das App secret ist durch Punkte verdeckt und rechts daneben liegt die Schaltfläche Show

Die App ID bleibt auf diesem Bildschirm stehen, und das App secret können Sie jedes Mal wieder ansehen, wenn Sie auf Show klicken. Auch wenn Sie den Bildschirm verlassen, ohne die Werte notiert zu haben, müssen Sie nichts neu erzeugen. Allerdings ist das App secret ein geheimer Wert. Geben Sie es nicht an andere weiter und notieren Sie es nicht an einer öffentlich zugänglichen Stelle.

Oben auf diesem Bildschirm kann ein rotes Banner Currently ineligible for submission erscheinen. Es weist darauf hin, dass App icon, Privacy policy URL und Category leer sind. Diese drei Einträge brauchen Sie, wenn Sie die Prüfung einreichen. Für das Verbinden der Anmeldung brauchen Sie sie jetzt nicht.

Erst nach der Prüfung können sich alle Gäste anmelden

Die gerade angelegte App ist noch nicht geprüft worden. Solange die Prüfung nicht bestanden ist, gelingt die Anmeldung nur mit dem Konto, das die App angelegt hat.

Für die Verbindung mit WEEGLOO müssen Sie die Prüfung nicht abwarten. Sobald Sie die zwei Werte eintragen, funktioniert die Anmeldung sofort.

Wenn Sie es aus der Sicht eines Gastes ausprobieren möchten, klappen Sie im linken Menü App roles auf, klicken auf Test users und legen mit Create test users ein Testkonto an.

Der Bildschirm Test users. Neben der Anzahl der Konten unter Facebook Accounts liegt die Schaltfläche Create test users

Wenn Sie bereit sind, die Anmeldung für alle Gäste zu öffnen, reichen Sie sie unter Review bei App Review ein. Auf diesem Bildschirm stehen email und public_profile, die weiter oben behandelt wurden, als Not submitted.

Der Bildschirm App Review unter Review. In der Liste Not submitted stehen email und public_profile

Welche Unterlagen nötig sind und nach welchen Kriterien geprüft wird, steht in der Meta-Doku.

Die erhaltenen Werte in WEEGLOO eintragen

Jetzt haben Sie die zwei Werte in der Hand. In welche Felder des Content-Studios die zwei Werte gehören, sehen Sie hier.

Facebook-BildschirmContent-Studio
App IDApp ID
App secretApp secret

Ab hier trennen sich die Wege danach, wie Sie bisher gearbeitet haben.

Wenn Sie die Einstellung direkt im Content-Studio vorgenommen haben, gehen Sie so vor.

  1. Kehren Sie zum Einschalten der sozialen Anmeldung unter Anmeldung für Service-Mitglieder zurück.
  2. Schalten Sie Facebook ein.
  3. Tragen Sie die App ID in das Feld App ID unter Step 2 ein.
  4. Tragen Sie das App secret in das Feld App secret ein.
  5. Klicken Sie auf Speichern.

Wenn Sie die Anbindung einem KI-Agenten überlassen haben und den Hinweis bekamen, die Werte zu holen, fügen Sie die zwei erhaltenen Werte unverändert in das Chatfenster ein und setzen Sie Ihre Arbeit fort. Die restliche Einstellung übernimmt der Agent im Anschluss.

Was als Nächstes zu tun ist

  • Anmeldung für Service-Mitglieder: Tragen Sie die erhaltenen Werte im Content-Studio ein und schließen Sie die restliche Einstellung der Mitgliederanmeldung ab.
  • Rollen und Berechtigungen von Mitgliedern: Erstellen Sie die ServiceUserRole, die festlegt, was ein registriertes Mitglied sehen und nutzen kann.
  • Auth API: Behandelt technische Spezifikationen wie das Anfrageformat, das Sie brauchen, um die Anmeldung in den Code Ihrer Website einzubinden.