Die Facebook-Like-Box, auch bekannt als Facebook-Fan-Box, ist für viele Websites zu einem Muss geworden. Kürzlich hat Facebook dieses Widget durch das neue Facebook-Seiten-Plugin ersetzt. In diesem Artikel zeigen wir Ihnen, wie Sie das Facebook-Seiten-Plugin in WordPress hinzufügen.
Hinweis: Benutzer, die bereits die alte Like-Box oder Fan-Box auf ihren WordPress-Websites implementiert haben, werden automatisch auf das neue Seiten-Plugin umgestellt.
Was ist das Facebook-Seiten-Plugin?
Facebook page plugin is the replacement of what was previously known as the Facebook Like box. It allowed you to promote your Facebook page on your website. The new Facebook Page plugin does the exact same thing.
Es hat ein neues und verbessertes Aussehen, das jetzt auch Ihr Facebook-Titelbild anzeigt. Es kommt mit zwei Schaltflächen. Benutzer können Ihre Seite mögen und sie auch teilen. Sie haben die Möglichkeit, Benutzern anzuzeigen, welche ihrer Freunde Ihre Seite bereits mögen. Sie können auch aktuelle Beiträge von Ihrer Facebook-Seite anzeigen.
Video-Tutorial
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
So fügen Sie das neue Facebook-Seiten-Plugin in WordPress hinzu
Zuerst müssen Sie die Website Facebook Page Plugin besuchen. Dort finden Sie die Optionen zur Konfiguration des Erscheinungsbilds Ihres Facebook-Seiten-Embeds.
Simply provide the URL of your Facebook page. Next you will need to enter the width and height for the box. Alternatively, you can leave it blank, and Facebook will try to automatically adjust it.
Sie können Ihr Titelbild, Beiträge und die Gesichter Ihrer Freunde im Seiten-Plugin anzeigen. Sobald Sie mit dem Erscheinungsbild zufrieden sind, klicken Sie auf die Schaltfläche Code abrufen, um fortzufahren.
Facebook zeigt Ihnen nun zwei Code-Schnipsel an. Kopieren Sie den ersten Code-Schnipsel und fügen Sie ihn in Ihre Theme- oder Child Theme-header.php-Datei direkt nach dem <body>-Tag ein.
Kopieren Sie als Nächstes den zweiten Code-Schnipsel und fügen Sie ihn überall dort ein, wo Sie die Seiten-Like-Box anzeigen möchten. Sie können diesen Code-Schnipsel auch in ein Text-Widget einfügen, indem Sie zu Darstellung » Widgets gehen.
Wir hoffen, dieser Artikel hat Ihnen geholfen, das Facebook Page Plugin zu Ihrer WordPress-Website hinzuzufügen. Vielleicht möchten Sie auch unseren Artikel über 5 schnelle Wege, um mehr Facebook-Likes mit WordPress zu erhalten lesen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Paddy
Dies wird nicht vom Mozilla-Browser unterstützt. Unterstützung nur unter Chrome.
Könnten Sie mir bitte helfen, es für alle Browser einzurichten?
WPBeginner Support
Das Seiten-Plugin sollte immer noch auf FireFox funktionieren. Möglicherweise möchten Sie versuchen, Ihre Browser-Add-ons zu deaktivieren, um sicherzustellen, dass es sich nicht um einen Konflikt handelt.
Admin
Roja
Gibt es eine Option für Anrufen oder Nachricht senden anstelle des Teilen-Buttons?
Mario
Hallo, wenn ich versuche, es zu verwenden und es über ein Text- oder HTML-Widget hinzufüge, funktioniert es nicht, da alle data-attribute-Elemente entfernt werden. Können Sie mir/uns helfen?
Xavier Clapin-Pépin
Danke wpbeginner, es ist großartig, weil ich kein WP-Plugin herunterladen muss, um das Facebook-Plugin hinzuzufügen, was empfohlen wird, um die Anzahl der Plugins zu minimieren, um Konflikte zu vermeiden und zu viele potenzielle Probleme zu haben...
Das Facebook-Plugin auf unserer Webseite sieht toll aus, wie Sie auf der rechten Seitenleiste sehen können:
Machen Sie weiter so mit Ihrer tollen Arbeit!
Xavier
John
Ich habe immer noch Probleme...
Aus irgendeinem Grund, wenn ich es ausfülle unter
Meine Seiten-Vorschau wird nicht angezeigt...
Ich glaube also, es handelt sich um eine Art von Berechtigungseinstellungen, die ich durcheinander gebracht habe.
Wenn ich den Code erhalte und ihn auf meine Seite einfüge, erscheint er auch nicht. Bitte helfen Sie!
John
Xavier Clapin-Pépin
Ich hatte dasselbe Problem, stellen Sie sicher, dass Ihre Facebook-Seite in den Einstellungen veröffentlicht ist.
Teresa
Ok I got that figured out, but I don’t want to show a post – makes it too big. Your example shows where you can uncheck that, but on the page that option is not there. How do I get rid of that and just show my FB page header? Thanks
Teresa
So i did exactly as you said – I now have a FB box with mark zukerbergs live video just like is on the page where I copied the code…why would i get that? Obviously not what I want – so not helpful
Diana Lesko
Tolles Video? Wie sieht es mit dem Bearbeitungsteil aus? Wo bearbeitet man die Breite?
Diana Lesko
I found my answer.
I cant delete my comment, sorry.
John
Okay, ich bin ratlos. Ich habe die Anweisungen hier auf der WordPress-Website einer Freundin für ihre Reiseagentur befolgt, und es hat perfekt funktioniert. Vier Tage lang. Dann funktionierte es einfach nicht mehr. Um es zu testen, habe ich die URL zu einer anderen Facebook-Seite einer Freundin geändert, und es funktionierte. Aber als ich zurück zur Reiseagentur-Seite wechselte, nichts mehr. Ich hoffte, Sie hätten vielleicht eine Idee, was los ist und/oder, noch besser, wie ich die App wieder zum Laufen bringe.
Anne Marie
Hallo,
Ich habe wirklich Schwierigkeiten, diesen Prozess abzuschließen: Die Facebook-Entwicklerseite lehnt meine Facebook-Seiten-URL sowie meine Profilseiten-URL ab… Ich weiß einfach nicht, was ich tun soll, damit sie auf meinem Blog erscheint.
Außerdem, wenn ich versuche, mit den Beaver Builder-Tools einen „Shortcode“ von einem beliebigen Facebook-Plugin hinzuzufügen, funktioniert es nie! Nichts wird angezeigt. Können Sie mir bitte helfen? Danke!!!
Chris
have you found an answer to this? is it a fb setting? I am having the same issue. trying to do this to a group. not sure if i need to be a page admin for the code to work properly or what.
Anne-Marie
Hi Chris, yes! I wrote to the plugin company and they helped me understand the major difference between “everyone’s” Facebook page (aka, your personal page)–AND–the Facebook page you create with a different account..so until you do the steps via Facebook to create yourself a second, “professional” page (free, quite easy to do), no plugin will work. Once you do this, go back in the plugin section asking for your professional page Facebook URL (which is different), and it should show easily on your blog or site…hope it works for you too!
rohit
Hallo. Ich kann den Link auf meiner Website abrufen, aber nicht das Bild der Seite oder irgendein visuelles Element. Wie behebt man das? Bitte helfen Sie,
Monique
Wie kann ich ein Foto, einen Artikel (oder Link) von WP auf einer Facebook-Seite anzeigen?
niloy
Wie kann ich die Sprache in diesem Facebook-Plugin ändern?
AL
It works, thanks
Bogdan
Es funktioniert nur in Widgets. Wie kann ich es auf einer Seite zum Laufen bringen?
Jackie Parry
Danke für die Info – aber für Dummies wie mich, wo finde ich die Seite, auf der ich meine FB-Seiten-URL eingeben kann, wie auf Ihrem ersten Bild. Ich habe den Link geöffnet, um zur Plugin-Website von FB zu gelangen – aber ich weiß nicht, wie ich die richtige Seite aufrufe, um meine URL hinzuzufügen – bitte raten Sie mir. Danke.
April
Hilfreicher Beitrag! Danke.
Tomas
Danke für diesen Beitrag, er war genau das, wonach ich gesucht habe!
Wenn Sie jedoch den Teilen-Button verwenden, erhalten alle immer folgende Fehlermeldung:
App nicht eingerichtet: Diese App befindet sich noch im Entwicklungsmodus und Sie haben keinen Zugriff darauf. Wechseln Sie zu einem registrierten Testbenutzer oder bitten Sie einen App-Administrator um Berechtigungen.
Any advise? Thanks!
Carole
Ich habe den Code eingefügt, aber aus irgendeinem Grund wird nur das oberste 1/4 Zoll des Bildes angezeigt. In der Vorschau auf der FB-Seite, um den Code zu erstellen, sieht es gut aus, aber nicht auf meiner Website. Irgendeine Idee, wie man das beheben kann?
Paul Butterworth
Thanks for this, it works, but I cant get the Adapt to plugin container width to work, its narrow, and if I set it manually the 500 width maximum is rather narrow. Is there a way to make it wider?
Erik
Frage: Ist dieses Facebook-Seiten-Plugin dasselbe wie das Facebook-Seiten-Plugin von Cameron Jones, das hier zu finden ist:
Ich bin mir nicht sicher, ob es wichtig ist, aber ich versuche herauszufinden, welches ich verwenden soll. Wenn Sie hilfreiche Vorschläge oder Informationen haben, würde ich mich freuen!
Danke,
Erik
WPBeginner Support
Nein, das ist nicht dasselbe.
Admin
Cameron Jones
Hallo Erik,
Mein Plugin und das Tutorial hier sind gleich, aber auch unterschiedlich. Wenn Sie diesem Tutorial folgen, müssen Sie die Vorlagen Ihres Themes bearbeiten, um den Code für das Facebook-Plugin hinzuzufügen. Wenn Sie jedoch mein WP-Plugin verwenden, schreibt es den gesamten Code für Sie und Sie können die Optionen entweder über einen Shortcode oder ein Widget steuern.
Ich hoffe, das hilft dir
Cameron
Junaid
Ich habe diese Methode verwendet, um den Facebook-Feed hier hinzuzufügen. Aber es werden nur 5 aktuelle Beiträge angezeigt, nach 5 Beiträgen wird ein Button „Finde uns auf Facebook“ angezeigt. Gibt es eine Möglichkeit, dies so einzustellen, dass unbegrenzte Beiträge angezeigt werden oder zumindest die Anzahl der anzuzeigenden Beiträge erhöht wird?
WPBeginner Support
Bitte schauen Sie sich die Social Plugins-Seite auf Facebook für weitere API-Parameter an.
Admin
Junaid
Habe dort bereits nachgesehen, ich konnte keinen Parameter finden, um die Anzahl der anzuzeigenden Beiträge festzulegen.
Long Nguyen
Ich habe festgestellt, dass der Code im zweiten Snippet immer noch hilft, das Badge anzuzeigen, selbst wenn ich das erste Snippet nicht in die header.php kopiere.
Aber ich habe ein Problem, dass das Badge nicht alles anzeigt. Es zeigt die linke Hälfte, sodass ich den Teilen-Button auf der rechten Seite verloren habe, egal wie ich die Breite im Code anpasse.
Könnten Sie mir bitte mitteilen, wie ich daraus ein volles Abzeichen machen kann? Danke. Meine Webseite ist diadiemdulich.com
samkelo magoqo
Danke für den Beitrag! Hätte gerne auch das Video-Tutorial gesehen
WPBeginner Support
Video-Tutorial folgt in Kürze.
Admin
Jared
Mir ist aufgefallen, dass bei einigen Themes, die ich verwende, die Initialisierung des Facebook JavaScript SDK zu Ihrer Datei hinzugefügt werden muss. Sowie der Code, den Facebook für Ihr Plugin bereitstellt.
I also experimented by minifying the javascript and it still works. However, the performance of the new plugin is lacking. I noticed it loads last compared to the I was previously using.
Lindsey Garcia
Okay, großartig, das ist super! ABER wie füge ich den Code in die .php-Datei meines Child-Themes ein????? Ich habe keine Ahnung, wovon Sie sprechen (neuer Blogger). Ist das über mein WordPress-Dashboard? Geht das über meinen Hoster und ich muss dorthin gehen? Ich habe auch ein YouTube-Tutorial dazu gefunden, und sie haben dasselbe getan, ohne zu erklären, wie das geht…?? Hilfe wäre toll! Danke!
Sajid Akhtar Rehman
Vielen Dank... das ist ein toller Beitrag und funktioniert einwandfrei
NemiraB
Hallo, danke für die Information. Es ist ein wenig kompliziert für mich, aber ich schätze, es ist einen Versuch wert. Diese sozialen Verbindungen sind so wichtig, denn wie kann man seine Botschaft ohne sie verbreiten? Alles Gute, Grüße. Nemira
Abhishek
Vielen Dank für das Update, ich habe meine Website endlich mit dem Facebook-Seiten-Plugin aktualisiert. Ich habe den oben genannten 1. Code nicht verwendet, sondern den 2. Code und ein Widget erstellt, wenn ich es anzeigen möchte.
oladayo awe
danke für diesen Beitrag
Govertz
Hat jemand die Performance-Auswirkungen dieses neuen FB-Plugins getestet?
Damien Carbery
Ein Funktions-Plugin (mit add_action für wp_head) wäre ein großartiger Ort für den Javascript-Code. Dies würde bedeuten, dass die header.php-Datei nicht geändert werden müsste – nützlich, wenn der Website-Besitzer ein übergeordnetes Theme geändert hat oder den Code des Child-Themes nicht anfassen möchte.