Technik verständlich erklärt

Social plugin ‚Facebook Like Box‘ in WordPress Blog einbinden

Nachdem ich einige Zeit vergeblich versuchte, die Facebook Like Box funktionsfähig in meine Sidebar einzubinden und ich tatsächlich nirgends im Internet eine konkrete Anleitung dazu finden konnte – es wurde zwar stets beschrieben, was zu tun sei – aber nirgends stand konkret wie – suchte ich mir Unterstützung.

Um es nun allen Interessierten etwas leichter zu machen – veröffentliche ich hier eine Zusammenfassung – detaillierte Anleitung – die das konkrete Vorgehen beschreibt.

Durch Klick auf diesen Link gelangt man zu einer Seite auf Facebook, auf der eine Seite erstellt werden muss. Für mich wählte ich nachfolgende Einstellungen.

Facebook Seite erstellen

Durch Klick auf den Button ‚Offizielle Seite erstellen‘ – wird diese erstellt.

Der nun oben im Browser ersichtliche Link – der Teil bis zum Ende der langen Ziffernfolge – bei mir ist das:

http://www.facebook.com/pages/tekshrek/141097632601410

wird markiert und mit cmd+C (Strg+C) in die Zwischenablage kopiert.

Anschließend wechselst du auf die Seite zum Generieren des Facebook Like Box – Codes und gibst per cmd+V (strg+V) diesen Link in das Feld ‚Facebook Page URL‘ ein.

Das sollte dann folgendermaßen ausschauen:

Facebook Like Box Code generieren

Jetzt noch die gewünschten Anpassungen zur Breite etc. vornehmen und auf den Button ‚Get Code‘ klicken.

Diesen Code vollständig markieren und per cmd+C (strg+C) in die Zwischenablage kopieren – dann wechselst du zu deinem WordPress Blog unter Design/Widgets und ziehst ein neues Text-Widget auf die gewünschte Stelle in deiner Sidebar.

Dort fügst du jetzt per cmd+V (strg+V) den Code ein.
Das sollte dann wie folgt ausschauen.

Wordpress Blog Widget

Jetzt auf den Button ‚Speichern‘ klicken und das wars auch schon.

Jetzt bist du gefragt!

Gefällt dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

24 Kommentare

  1. Hi, vielen Dank für deine Anleitung. ich habe im Moment bloß das Problem, dass ich diesen Stream nicht rausbekomme, obwohl ich den Haken rausgenommen habe.. kannst du mir da weiterhelfen?

    Würde mich freuen, wenn du mir antwortest. -Am besten per Mail.

    Viele Grüße
    Marvin

    • Hm, das ist mir ein Rätsel.
      Bei mir war der Stream sofort weg – nachdem ich den Haken draußen hatte.
      Aktualisiere doch mal die Seite – und versuche es erneut; gbf. auch mal mit einem anderen Browser.
      Manchmal sind das solche banalen Dinge – wenn irgend was hakt.
      Viel Erfolg. :-)
      (Text auch sofort per Mail)

    • Hi Patrick, danke für dein Interesse hier mit zu lesen und natürlich für deine Hilfe.
      Das freut mich ganz besonders. :upten:

  2. Hi!
    danke für die Anleitung, ich war schon am verzweifeln. Allerdings hake ich bei dem letzten schritt.. bzw. das klappt schon so alles aber beim abspeichern verändert sich der Text (hab null Ahnung von Codes..) und auf meinem blo erscheint der komplette Text des widgets. Wenn man da dann drauf klickt dann erscheint das fertige Widget so wie es eigentlich auf der Seite erscheinen sollte – nur eben in einem extra Fenster.. Schwierig zu erklären.. hast du vielleicht eine Idee, was ich falsch mache?
    Danke Dir!
    Katja

    • Hallo Katja, klingt sehr merkwürdig.
      Schreibe mir am Besten – ganz genau – Schritt für Schritt – was du tust.
      Gern kannst du mir den Code auch per Mail senden – einfach als Text-Datei in der Anlage – dann schaue ich mir das morgen mal an.
      Ich denke – wir bekommen das hin. :)
      Gern auch deine Site-ID – dann teste ich mal von mir aus.
      Bis Morgen – gehe jetzt erst mal schlafen.
      Gute Nacht.

  3. Alles klar.
    Habe jetzt einfach mal das Problem nachgestellt und auf meinem unter WordPress gehosteten Blog den Code eingegeben.
    Stimmt – da wird auf der Webseite dann Code und nicht das PlugIn selbst angezeigt.

    Versuche, eine Lösung zu finden.
    Melde mich. :-)

  4. Es hat den Anschein, dass direkt unter wordpress.com gehostete Blogs die FaceBook Like Box nicht nutzen können, da dort wohl kein Script zugelassen wird.
    Da habe ich jetzt auch erst mal keine Idee – außer ein Hosting eures Blogs auf eurem eigenen Webspace bei einem Provider und dann funktioniert das garantiert.
    Meine Empfehlung hier wäre hosteurope.de – günstige Preise – bei gleichzeitig tollen Paketen und einem perfekten Service.
    Also selbst an Wochenenden habe ich schon Antworten auf meine Mails innerhalb von 1-2 Stunden erhalten.
    Besser geht nicht.

  5. oooh vielen vielen dank für die anleitung. ich habe es x mal versucht und nie hat es geklappt. dank deiner anleitung funktionierte es innerhalb von wenigen minuten reibungslos und ohne probleme *hüpf spring*

    • Das freut mich auch :-) nur mit dem Hüpfen hab ich’s nicht so.

  6. Welche ID hast du denn versucht?
    Poste die mal einfach hier hin – ich schau dann mal.
    Habe eine ID gefunden: ‚100002059447026‘ hast du denn dazu schon eine Seite angelegt – wie oben beschrieben?

  7. Hallo,

    ich weiß nicht, ob Du mir folgende Frage beantworten kannst:
    Vorgestern generierte ich, so wie beschrieben, den Code und fügte ihn in auf meiner Website ein. Alles funktionierte einwandfrei. Bis zu dem Zeitpunkt, wo ich mich selber bei Facebook abmeldete. Jetzt wird zwar angezeigt, das soundsoviele Personen den Like-Button betätigten, jedoch kein Bild dazu.
    Dieses Problem ist immer wieder vorzuführen. Immer wenn ich selber angemeldet bin, werden auch die Bilder angezeigt.

    Weißt Du eine Lösung?

    Vielen Dank.
    LG
    Timm

    • Ist es der Blog, den du hier verlinkt hast?
      Denn dort wird mir ein Like und ein Avatar dazu angezeigt.
      Möglicherweise liegt es auch nur am Browser – versuch mal einen weiteren und den Cache leeren; kann auch nie schaden.
      Ich habe mit iCab, Chrome und Safari getestet – klappt bei allen dreien. :)

  8. Hey!

    Wir haben hier drei kleine Probleme mit der Box:

    1. In der Box werden nur ca. 14-17 Fans angezeigt (immer dieselben), wenn man gerade nicht bei Facebook angemeldet ist.
    2. Der restliche Platz, wo eigentlich Bilder von Fans sein könnten ist weiß.
    3. Unter der Box ist so ein kleines weißes Viereck mit Link zum „Erschaffer“ – bekommt man das irgendwie weg?

    Vielen Dank für eure Ratschläge, Manuel

  9. Danke für die tolle Beschreibung – so schafft es wirklich jeder ;o)
    lg Susanne

  10. Danke! Das habe ich ja schon ewig gesucht :)

Aktuelle Posts

Wie das Twitter App-Icon: BlueBird zurückerhalten?

Wie das Twitter App-Icon: BlueBird zurückerhalten?

Das X als neues Twitter-Logo ist derzeit noch recht umstritten. Dem einen gefällt es, andere hätten lieber das bisherige und bekannte Vögelchen als Twitter-Logo für die Twitter App behalten – würden es gern zurückbekommen. Meine Meinung dazu ist noch unschlüssig....

Garmin Connect

Garmin Connect

Meine sportlichen Aktivitäten auf Garmin Connect Mit Garmin Connect kannst du deine Aktivitäten verfolgen, analysieren, weitergeben und zusätzliche Motivation erhalten. Bei Garmin Connect handelt es sich um ein Online-Auswertungs- und Trainingsprogramm zum Speichern,...

Apple Watch Series 6

Apple Watch Series 6

Am 15. September 2020 stellte Apple die neue Apple Watch Series 6 vor. Wie erwartet kamen keine revolutionären Neuerungen hinzu. Aber ein bestehendes, ohnehin gutes Produkt stetig weiter zu verbessern und zu optimieren, genügt mir. Somit war für mich klar, die neue...

AppleID zusammenführen

AppleID zusammenführen

Lange Zeit hielt ich meine Vorstellung fürs AppleID zusammenführen für undurchführbar und eine wahnwitzige Idee. Der Anlass, das nun doch in die Tat umzusetzen und endlich meine seit vielen Jahren, bestehenden und aktiv genutzten: zwei AppleID zusammenführen, war die...

Frank Stephan

Mit dem Bloggen begann ich im Januar 2008. Zunächst schrieb ich unter bikershrek.de über Ausfahrten auf meiner Harley-Davidson Night Train, kurz darauf wurde daraus tekshrek.com – mit klarem Fokus auf Technik. Seitdem veröffentliche ich Testberichte und Erfahrungen zu Hardware, Gadgets, Apple-Produkten, macOS, iOS sowie zahlreicher Software und Apps, die den digitalen Alltag produktiver machen. Beruflich bin ich mit STEPHAN Digital im Vogtland als Apple- und IT-Dienstleister sowie Webdesigner tätig. Dort entwickle ich moderne Websites, unterstütze Unternehmen bei Apple IT, Digitalisierung und 360-Grad-Fotoprojekten und verbinde Technikleidenschaft mit praxistauglichen Lösungen für Kunden. Über meine 2016 hinzugekommenen Leidenschaften Mountainbiken, Bergwandern und Indoor Cycling berichte ich auf GPS-Cycling.de. Online findest du mich auf Garmin Connect, auf Strava, auf Twitter und per E-Mail unter tekshreksblog@gmail.com.