{"id":8112,"date":"2023-08-15T10:11:54","date_gmt":"2023-08-15T17:11:54","guid":{"rendered":"https:\/\/membermouse.com\/?post_type=ht_kb&#038;p=8112"},"modified":"2024-05-08T14:18:40","modified_gmt":"2024-05-08T18:18:40","slug":"facebook-sso-anmeldung-konfigurieren","status":"publish","type":"ht_kb","link":"https:\/\/membermouse.com\/de\/docs\/facebook-sso-anmeldung-konfigurieren\/","title":{"rendered":"Facebook SSO-Anmeldung konfigurieren"},"content":{"rendered":"<p><a href=\"https:\/\/membermouse.com\/de\/plane\/\"><mark style=\"background-color:#8ed1fc\" class=\"has-inline-color\">PLUS PLAN +<\/mark><\/a><\/p>\n\n\n\n<p>Die Facebook-Login-Erweiterung von MemberMouse erm\u00f6glicht es Benutzern, mit ihren Facebook-Anmeldedaten eine neue kostenlose Mitgliedschaft zu erstellen.<\/p>\n\n\n\n<p>Bitte beachten Sie, dass diese Anweisungen f\u00fcr einige eine andere Reihenfolge erfordern oder anders aussehen k\u00f6nnen als dargestellt. Die Meta-Schnittstelle \u00e4ndert sich regelm\u00e4\u00dfig, und jedes Konto hat Verifizierungsanforderungen, die in diesem Artikel m\u00f6glicherweise nicht behandelt werden. Wir empfehlen Ihnen <a href=\"https:\/\/developers.facebook.com\/docs\/development\/create-an-app\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">Lesen Sie die Dokumentation auf Facebook<\/a> f\u00fcr weitere Einzelheiten.<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Erstellen einer Facebook-App<br><\/h5>\n\n\n\n<p>Der erste Schritt zur Aktivierung der Facebook-Login-Erweiterung auf Ihrer Website besteht darin, eine Facebook-App zu erstellen. Um Ihre App zu erstellen, folgen Sie diesen Schritten:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Um auf die Seite f\u00fcr App-Entwickler von Facebook zuzugreifen, besuchen Sie http:\/\/developers.facebook.com\/apps. Auf dieser Seite listet Facebook Ihre Anwendungen auf, die Sie bereits mit Facebook erstellt haben. Sie k\u00f6nnen hier auch neue Anwendungen erstellen.<br><br><img decoding=\"async\" class=\"wp-image-10021\" style=\"width: 550px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/52a389b5-z4q0aoupsk7j5ho-1pcnth_vu5d4dpaydw.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Facebook wird Sie fragen, welche Art von App Sie erstellen m\u00f6chten. W\u00e4hlen Sie Facebook Login.<br><br><img fetchpriority=\"high\" decoding=\"async\" width=\"650\" height=\"407\" class=\"wp-image-18822\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1.png 1033w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-300x188.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-1024x641.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-768x481.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-50x31.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e46fd203-fb1-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Facebook stellt m\u00f6glicherweise kl\u00e4rende Fragen und fordert Sie dann zur Eingabe von Bewerbungsdetails auf:<br><br><img decoding=\"async\" class=\"wp-image-10022\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/6454b6e3-gwf_rgkpwypimamreonv54jljxtuopzbuq.png\" alt=\"\"><br><br><\/li>\n\n\n\n<li>Sobald Sie die grundlegende App erstellt haben, f\u00fchrt Facebook Sie durch einen mehrstufigen Prozess, um die App mit Ihrer Website zu verbinden, zu verifizieren und dann zu ver\u00f6ffentlichen. <br><br><br><img decoding=\"async\" width=\"650\" height=\"308\" class=\"wp-image-18823\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2.png 974w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-300x142.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-768x363.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-50x24.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/123e0b6b-fb2-18x9.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><\/li>\n\n\n\n<li>Jeder Schritt kann f\u00fcr Ihre Situation und Anforderungen einzigartig sein, aber die optionalen Schritte, die f\u00fcr MemberMouse erforderlich sind, sind im Schritt Client OAuth-Einstellungen enthalten.<br><br>Vergewissern Sie sich im Schritt Client-OAuth-Einstellungen, dass Ihre Kippschalter mit den unten gezeigten \u00fcbereinstimmen, und verwenden Sie die unten aufgef\u00fchrte g\u00fcltige OAuth-Redirect-URI, indem Sie zun\u00e4chst yoursite.com an Ihre MemberMouse-Dom\u00e4ne anpassen. Klicken Sie auf den <em>\u00c4nderungen speichern<\/em> sobald Sie fertig sind: &nbsp;<br><br><code>https:\/\/yoursite.com\/wp-content\/plugins\/membermouse\/lib\/hybridauth\/?hauth_done=Facebook<\/code><br><br><img decoding=\"async\" width=\"650\" height=\"452\" class=\"wp-image-18824\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3.png 882w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-300x209.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-768x535.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-50x35.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/e4c6982e-fb3-18x12.png 18w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>Vervollst\u00e4ndigen Sie dann die Einrichtungsschritte mit allen Verifizierungen und Ver\u00f6ffentlichungen, die Meta\/Facebook verlangt. <br><br><\/li>\n\n\n\n<li>Sobald Ihre App erstellt und ver\u00f6ffentlicht ist, m\u00fcssen Sie auf die App ID und das App Secret zugreifen, um die Erweiterung auf Ihrer Website zu konfigurieren.  Diese sind zug\u00e4nglich \u00fcber\u00a0<em>App-Einstellungen &gt; Basis<\/em>:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"299\" class=\"wp-image-18825\" style=\"width: 650px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png\" alt=\"\" srcset=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers.png 1604w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-300x138.png 300w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1024x471.png 1024w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-768x353.png 768w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-50x23.png 50w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1536x706.png 1536w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-18x8.png 18w, https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/08\/c117b2d4-mm-support-test-login-app-settings-meta-for-developers-1200x551.png 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><br><br><\/li>\n\n\n\n<li>\u00d6ffnen Sie einen neuen Tab in Ihrem Webbrowser und gehen Sie zur Konfiguration der Facebook Login Extension.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Konfigurieren der Facebook-Login-Erweiterung<\/h5>\n\n\n\n<p>Um die Facebook-Login-Erweiterung zu aktivieren, befolgen Sie die nachstehenden Schritte:<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klicken Sie im Men\u00fc MitgliedMaus auf&nbsp;<em>Allgemeine Einstellungen<\/em>.<br><br><\/li>\n\n\n\n<li>Klicken Sie dann auf die Schaltfl\u00e4che&nbsp;<em>Erweiterungen<\/em>&nbsp;und klicken Sie auf der folgenden Seite auf das Facebook-Logo.<br><br><\/li>\n\n\n\n<li>Sie m\u00fcssen einige Informationen aus Ihrer Facebook-App angeben und einige Auswahlen treffen:<br><br><img decoding=\"async\" class=\"wp-image-10031\" style=\"width: 450px;\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e8f05264-9056.png\" alt=\"\"><br><br><br><strong>App-ID<\/strong>&nbsp;- \u00dcber das Dashboard Ihrer Facebook-App.<br><strong><br>App Geheimnis<\/strong>&nbsp;- \u00dcber das Dashboard Ihrer Facebook-App.<br><strong><br>Anmeldungen zulassen?<\/strong>&nbsp;- Wenn Sie neuen Kunden erlauben wollen, sich mit ihren Facebook-Anmeldedaten anzumelden, dann klicken Sie auf dieses Feld. Andernfalls k\u00f6nnen sich die Mitglieder nur mit ihren Facebook-Anmeldedaten anmelden, aber keine neue Mitgliedschaft abschlie\u00dfen.<br><br><strong>Mitgliedschaftslevel -&nbsp;<\/strong>Kunden k\u00f6nnen sich nur f\u00fcr eine kostenlose Mitgliedschaft anmelden, wenn sie ihre Facebook-Anmeldedaten verwenden. Sobald sie Mitglieder sind, k\u00f6nnen sie eine bezahlte Mitgliedschaft erwerben. Sie m\u00fcssen die kostenlose Standardmitgliedschaft ausw\u00e4hlen, der Ihre Kunden beitreten sollen, wenn sie Facebook verwenden.<br><strong><br>R\u00fcckruf-URL:<\/strong>&nbsp;- Dies ist die URL, die in der Facebook-App verwendet wird.<br><br><\/li>\n\n\n\n<li>Klicken Sie auf&nbsp;<em>Konfiguration speichern.<\/em><\/li>\n<\/ol>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h5 class=\"wp-block-heading\">Hinzuf\u00fcgen von Facebook-Anmeldung und Login zu Ihrer Website<\/h5>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\"><img decoding=\"async\" src=\"https:\/\/storage.googleapis.com\/wpgcbucket\/wp\/2023\/09\/e2fd30b2-login-fb.png\" alt=\"\" class=\"wp-image-10032\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Sobald Sie Ihre Website so konfiguriert haben, dass sie die Facebook-Anmeldung akzeptiert, m\u00fcssen Sie die folgenden SmartTags\u2122 hinzuf\u00fcgen, um die Registrierung und Anmeldung zu erm\u00f6glichen:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h6 class=\"wp-block-heading\">Anmeldeschaltfl\u00e4che SmartTag\u2122<\/h6>\n\n\n\n<p>Der folgende SmartTag\u2122 erzeugt eine Schaltfl\u00e4che, mit der sich Kunden f\u00fcr ein neues Konto anmelden k\u00f6nnen:<br><br><code>[MM_Social_Signup_Button provider='Facebook']<\/code><br><br><br><em><strong>Attribute:<\/strong><br><br><\/em>provider - Setzen Sie das provider-Attribut auf 'all', um Anmeldebuttons f\u00fcr alle aktiven Social-Login-Anbieter zu generieren, oder verwenden Sie ein individuelles Tag f\u00fcr jeden Anbieter Twitter, Facebook und Google. Zum Beispiel:<br><br><code>[MM_Social_Signup_Button provider='all']<\/code><br><em><br><br><strong>Optionale Attribute:<\/strong><br><\/em><br>membershipLevel - Sie k\u00f6nnen dieses Attribut optional verwenden, um die Standardmitgliedschaftsstufe f\u00fcr die Anmeldung zu \u00fcberschreiben.<br>oben definiert. Sie ben\u00f6tigt eine Mitgliedschafts-ID nur f\u00fcr kostenlose Mitgliedschaftsstufen. Zum Beispiel:<br><br><code>[MM_Social_Signup_Button provider='Facebook' membershipLevel='2']<\/code><br><br>Lesen Sie diesen Artikel, um&nbsp;<a href=\"https:\/\/membermouse.com\/de\/docs\/suche-nach-ids-fur-produkte-und-pakete-der-mitgliedsstufen\/\">erfahren Sie, wie Sie die IDs Ihrer Mitgliedsstufen finden<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;<\/h3>\n\n\n\n<h6 class=\"wp-block-heading\">Login-Taste SmartTag\u2122<\/h6>\n\n\n\n<p>Der folgende SmartTag\u2122 erzeugt eine Schaltfl\u00e4che, mit der sich Kunden bei einem bestehenden Konto anmelden k\u00f6nnen:<\/p>\n\n\n\n<p><code>[MM_Social_Login_Button provider='Facebook']<\/code><\/p>\n\n\n\n<p><br><em><strong>Attribute:<\/strong><br><br><\/em>provider - Setzen Sie das provider-Attribut auf 'all', um Anmeldebuttons f\u00fcr alle aktiven Social-Login-Anbieter zu generieren, oder verwenden Sie ein individuelles Tag f\u00fcr jeden Anbieter Twitter, Facebook und Google. Zum Beispiel:<strong><br><\/strong><br><code>[MM_Social_Login_Button provider='all']<\/code><\/p>\n\n\n\n<p><strong>Fehlersuche<\/strong><\/p>\n\n\n\n<p><strong>HINWEIS:&nbsp;<\/strong>Die Facebook-Client-Bibliothek erfordert, dass die Zeitzone explizit in der PHP-Konfiguration festgelegt wird.  Wenn Sie die Einstellung direkt in der php.ini-Datei vornehmen, w\u00fcrde eine Central Timezone-Einstellung wie folgt aussehen:<\/p>\n\n\n\n<p>date.timezone = \"US\/Central\"<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>PLUS PLAN + Die MemberMouse Facebook-Login-Erweiterung erm\u00f6glicht es Benutzern, eine neue kostenlose Mitgliedschaft mit ihren Facebook-Anmeldedaten zu erstellen. Bitte beachten Sie, dass diese Anweisungen eine...<\/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-8112","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\/de\/wp-json\/wp\/v2\/ht-kb\/8112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/users\/21411"}],"replies":[{"embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/comments?post=8112"}],"version-history":[{"count":0,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb\/8112\/revisions"}],"wp:attachment":[{"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/media?parent=8112"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-category?post=8112"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/membermouse.com\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=8112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}