Suche
  • Tel.: 06221-7291102
  • E-Mail: info@webdesigner-hd.de
Suche Menü

Facebook Page Plugin in WordPress einbinden

Das Facebook Page Plugin ersetzt die Like-Box

Facebook schaltet am 23.06.2015 die Like-Box ab und ersetzt diese durch das neue Page Plugin. In diesem Beitrag möchte ich euch zeigen, wie Ihr und wie ich es auf meinen WordPress Seiten sowohl in der Sidebar, als Widget, als auch auf Webseiten im Text (Content) eingebaut bzw. integriert habe.

Rechtlicher Hinweis: Das Facebook Page Plugin sendet Besucherdaten an Facebook, daher muss man die Nutzung in den Datenschutzerklärungen der eigenen Webseite aufführen. Hilfe und einen Generator für die Datenschutzerklärung findet man auf der Webseite von Rechtsanwalt Schwenke:
(http://rechtsanwalt-schwenke.de/smmr-buch/datenschutz-muster-generator-fuer-webseiten-blogs-und-social-media/)

Den Code zum integrieren des neuen Facebook Page Plugin müsst Ihr auf folgender Facebook Seite generieren:

https://developers.facebook.com/docs/plugins/page-plugin

Gebt dort einfach eure Facebook Page (Fanpage) URL ein, eine Breite (Width) zwischen 280 und 500 Pixel und eine Höhe (Height) zwischen 130 und 500 Pixel. Dann könnt Ihr noch optional die Gesichter eurer Fans (Show Friend´s Faces) anzeigen lassen oder das Cover Bild (den Banner) eurer Facebook-Seite ausblenden (Hide Cover Photo) oder eure Beiträge (Posts) einblenden (Show Page Posts). Wenn Ihr alles eingestellt habt, drückt Ihr unten auf den Button „Get Code“.

Facebook Page Plugin Einstellungen:

Facebook Page Plugin Einstellungen

Facebook Page Plugin Code:

Facebook Page Plugin Code

Facebook Page Plugin in WordPress einbinden

Als erstes müsst Ihr den JavaScript SDK Code nach dem <body> Tag in eurem Theme einfügen. Den <body> Tag findet Ihr im WordPress (Backend) Menü unter Design>Editor. Dort klickt Ihr auf die Header (header.php) Datei eures Themes um diese im Editor anzeigen zu lassen.

WordPress Header.php

Im Edior sucht Ihr den Eintrag: <body <?php body_class(); ?>> und fügt darunter den ersten Code (JavaScript) vom Facbook Page Plugin ein. Wenn Ihr den Code eingefügt hab drückt noch auf den Button „Datei aktualisieren“.

Header Facebook JavaScript Code

Facebook Page Plugin auf der Seite und im Widget einfügen

Um das Facebook Page Plugin auf einer Seite einzufügen, wechselt Ihr auf der Seite in den Text Modus und fügt dort den zweiten Code ein.

Facebook Page Plugin Code in Seite

Um das Facebook Page Plugin in der Sidebar in einem Widget anzuzeigen wechselt Ihr unter dem Menüpunkt Design zu den Widgets. Dort fügt Ihr der Sidebar ein Text-Widget hinzu. In das Text-Widget fügt Ihr den zweiten Code vom Facebook Page Plugin ein und drückt auf den „Speichern“ Button.

Facebook Page Plugin Code in Widget

Fertig. Ich hoffe diese Schritt für Schritt Anleitung hat euch geholfen. Ich freue mich auf Kommentare und ein „Gefällt mir“ (siehe Sidebar Facebook Fanseite) meiner Seite.


Ergänzung:

Facebook Page Plugin mit der Anzeige des Titelbildes:

KEIN Hacken bei: „Titelbild verbergen“

Facebook Page Plugin ohne die Anzeige des Titelbildes:

Ein Häckchen machen bei: „Titelbild verbergen“

Facebook Page Plugin Code generieren, wenn alle Daten (persönlicher Facebook Page Link, Höhe, Tiefe) gemacht wurden und wie in der Anleitung beschrieben auf der eigenen WordPress Webseite einsetzen.

Autor:

Über den Autor: Sascha Ott arbeitet seit 2006 als selbständiger Webdesigner. 2010 hat er sich auf Webdesign mit WordPress spezialisiert und erstellt professionelle Webseiten für Selbständige und Unternehmer. 2015 hat er sich zusätzlich auf Online-Shops mit PrestaShop spezialisiert, um für Unternehmer professionelle Online-Shops zu erstellen. Die Zufriedenheit des Kunden liegt ihm am Herzen.

2 Kommentare Schreibe einen Kommentar

  1. Hallo Sascha!
    Bin Deiner Anleitung Punkt für Punkt gefolgt…
    Jedoch zeigt meine WordPress-Seite NICHT das Titelbild meiner FB-Seite.
    Da steht nur der Titel… sonst nichts.
    Hast Du eine Idee, wo da „der Hund begraben liegt“?
    Vielen Dank für jeden Hinweis
    L.G. – Ernold

    Antworten

    • Hallo, Ernold beim erstellen des Codes für das Facebook Page Plugin – https://developers.facebook.com/docs/plugins/page-plugin gibt es die Option das Titelbild einzublenden oder nicht, da kann man einen Hacken setzen oder nicht, ich habe meine Anleitung um die zwei Bilder erweitert, damit man das sieht, vielleicht liegt es daran, vielleicht solltest du deinen Code direkt auf der Facebook Seite für das Page Plugin nochmal neu erstellen.

      Antworten

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.


Scroll Up