Facebook: Gefällt mir/Like/Empfehlen-Button in WordPress-Blog einbauen (ohne Plugin)

Der Hoster wordpress.com erlaubt ja leider kein iframe (hat mich bei formspring schon geärgert). Hoffentlich bieten sie die Funktion demnächst bei ihren Services an, ich find das nämlich wirklich stark.

Na schwenk doch einfach um auf ein komplett selbst gehostetes Blog. Das ist so kompliziert jetzt auch nicht und du zahlst auch nicht viel mehr als bei wordpress.com für die Domain.

Habe den Code so übernommen und bei meinen Widgets eingebaut. Erscheint auch alles fehlerfrei auf der Seite.
Allerdings passiert nichts, wenn man drauf klickt.
Jemand ne Idee??

Merci, funktioniert bestens. 2 Minuten Bastelarbeit.

@mone: Der Code ist zu breit für deine Sidebar. Ändere mal im Codesnippet die width-Werte von 500 auf 200 (steht zweimal drin). Wenn das nicht hilft, pack’s von der Sidebar in den eigentlichen Artikel ODER generiere dir hier den Code von Hand neu und ersetze die “feste URL” anschließend durch <?php echo urlencode(get_permalink()); ?>.

// Nachtrag: Hab’s mir nochmal angeschaut. Du musst das Ding auf jeden Fall aus der Sidebar nehmen, weil man im Widget keinen PHP-Code ausführen kann. Du könntest natürlich auch Exec PHP installieren, aber das ist ein potentielles Sicherheitsrisiko; oder das Widget in die Sidebar hardcoden. Am besten ist aber wohl, einfach die single.php zu bearbeiten, so wie im Artikel beschreiben.

@Frank: Dafür ist es dort zu bequem :-)

[...] man den Button in seinen WordPress-Blog einbinden kann, ist hier ausführlich [...]

[...] [Loadblog] (manuelle Anleitung) | [allanjosephbatac] Author des Plugins Gelesen: 2 · heute: 2 [...]

Komisch ist, dass sich die Zahl der Empfehler dieses Artikels nicht ändert (bleibt immer auf 3). Als es bereits 3 Leute waren, habe ich ebenfalls geklickt – und dann hieß es plötzlich: “…gefällt Dir und zwei (?!) anderen”. Bug von Facebook?

Komisch, bei mir sind’s 4 Leute. Aber ich seh’ auch nur die, die ich kenne. Hm… Könnte sein, dass Facebook da wirklich noch buggy ist.

hi,
wo zum henker finde ich denn die single.php datei?
wie man schon merkt: bin kein tekkie. aber einfach in den artikel selbst kopieren ist damit wohl eher nicht gemeint, stimmts?! – wäre für eine antwort echt dankbar.

besten gruß

Vergesst nicht die Metatags noch zu setzten.

<meta property="og:title" content="”/>
<meta property="og:site_name" content="”/>
<!– –>

Die Bilderoption brauche ich nicht deswegen habe ich mich da jetzt auch nicht wirklich mühe gegeben.

Dann sieht das ganze viel besser aus als ohne.

[...] Loadblog Tags: Facebook, gefällt mir, Social Plugins, [...]

Hi Saatkorn,

gemeint ist die single.php deines WordPress-Themes. Die findest Du in wp-content/themes/[Theme-Name]/

Mittlerweile ist aber, wie oben im Artikel erwähnt, auch ein WP-Plugin erschienen, das ist vermutlich etwas leichter zu installieren.

Auf den ersten Blick hat man damit alles getan. Facebook bietet aber noch die Möglichkeit das ganze auch in Facebook verwalten zu können. Man muss dann den jeweiligen Beitrag über Metatags claimen und kriegt dafür die Statistiken und Zugriff auf die Timeline derjenigen die den Beitrag mögen. Das ganze ist noch relativ tricky, ich denke aber, dass in Kürze die ersten WordPress Plugins erscheinen die sich um den ganzen Krempel kümmern.
Das coole wird dann sein wenn man neue Kommentare zu einem Beitrag direkt zu denen pushen kann denen der Beitrag gefallen hat. Technisch alles schon möglich. Ich hoff da macht mal einer Vorwärts.

[...] Blogger der unter jedem  einzelnen Beitrag, einen Button benötigt sollte die Anleitung von loadblog.de befolgen. Der Button ist anders als andere. Man muss definitiv die Blogbreite anpassen, da er je [...]

im Firefox geht bei mir immer ein Pop-up auf, dann melde ich mich an bei facebook und nichts passiert. Habe ich irgendeinen Fehler eingebaut? Im IE geht es (leider ;-) ) ohne Probleme!?

<iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:450px; height:px”>

Hm, vielleicht liegts an einem Werbeblocker, Facebook-Addon, Greasemonkey-Script oder Userstyle? Testweise solcherlei Kram mal bitte aus und nach einem Browser-Neustart mit Strg+F5 einen Hard Reload auf der Seite, klappt’s jetzt?

Wenn ich o.g. iframe unter einem Artikel einbinde, erscheint der Button auch unter dem Artikel. Wenn ich dann jedoch den Button anklicke, erhalte ich folgende Fehlermeldung: “Die Seite unter http://<?php%20echo%20urlencode(get_permalink($post->ID));%20?&gt; kann nicht aufgerufen werden.”

Hat jemand eine Idee?

Du verwendest Joomla, oben wird aber die Lösung für WordPress besprochen. Setz einfach die Joomla-Funktion zum Erhalten des Permalinks ein.

[...] Blogger der unter jedem  einzelnen Beitrag, einen Button benötigt sollte die Anleitung von loadblog.de befolgen. Der Button ist anders als andere. Man muss definitiv die Blogbreite anpassen, da er je [...]

Wunderbar, vielen Dank für den Code. Habe den bei http://www.blogstone.net gleich eingebunden, funktioniert perfekt. Allerdings habe ich jetzt unterhalb dem Like Button einen so grossen Leerraum, an was kann das liegen?

[...] dem LOADBLOG hat nun auch blogstone.net einen Facebook Like oder eben “Gefällt mir” Button. Damit [...]

Bei mir erscheint das zwar, funktioniert auch bei manchen Usern. Aber sobald ich mich wieder von facebook abmelde, springt der Counter zurück auf 0. Wieso macht der das? Und wie bekomme ich ihn dazu, sich so zu verhalten wie ich das gerne hätte?

Hallo Belle. Meine Vermutung: Die Nutzer, die angezeigt werden, wenn du bei Facebook eingeloggt bist, sind solche, die in ihren Privatsphäre-Einstellungen angegeben haben, dass sie nur für eingeloggte User angezeigt werden.

Sprich: Man sieht mehr, wenn man eingeloggt ist. :)

[...] dennoch scharf drauf ist, den Button auf seiner Seite einzubauen, findet im LoadBlog eine kurze Anleitung. Gleich vorweg: Das Plugin macht es zwar bequemer, notwendig ist es absolut [...]

[...] unter jedem Blog-Artikel vor den Kommentaren steht.Wie man diesen Like Button erstellt hat Frank sehr gut erklärt. Im Blog von Christian findet man einen interessanten Artikel, wie man den [...]

[...] Facebook: Gefällt mir/Like/Empfehlen-Button in WordPress-Blog einbauen (ohne Plugin), [...]

Das deutsche WordPress plugin:
http://wordpress.org/extend/plugins/like

Guten Tag.

Mein Team und ich haben ein neues WordPress-Plugin entwickelt und auf WordPress.org online gestellt und würden uns freuen wenn unser Plugin vielen Menschen auf der Welt helfen könnte und das bloggen mit den Facebook-Social-Plugins zu erleichtern.

Wir würden uns sehr freuen wenn unsere Arbeit Früchte tragen würde.

Vielen Dank.

mit freundlichen Grüßen,
GangXtaBoii
(gb-team)

Plugin:

sry der Link hat wohl nicht funktioniert. Hier noch einmal:

http://wordpress.org/extend/plugins/like-button-plugin-for-wordpress/

Find ich klasse, gleich mal in den Blog integriert. DANKE SEHR ;)

Hi ich hab ein kurioses Problem mit dem Plugin. Verwende für meinen Blog auch WordPress als CMS und verwende das fbLikeButton PlugIn. Bei fast allen Posts funktioniert das Plugin problemlos, aber bei meinen Top 10 (Bsp: http://esyotmusic.de/die-esyot-top-10-april-2010/ ) funktioniert es nicht. FireBug gibt mir folgende Fehlermeldung aus:
for(;;);{“error”:0,”errorSummary”:”",”errorDescription”:”",”errorIsWarning”:false,”silentError”:0,”payload”:{“requires_login”:false,”success”:false,”already_connected”:false,”is_admin”:false,”show_error”:true,”error_info”:{“brief”:”Webseite nicht verf\u00fcgbar”,”full”:”Die Seite unter http:\/\/esyotmusic.de\/die-esyot-top-10-april-2010\/ kann nicht aufgerufen werden.”}}}

Ich selber war eingeloggt in FB und habe es mit anderen Posts gegengeteste. Alles einwandfrei, aber hier gehts nicht. Auch die Teilen Funktion haut mit den Top 10 Posts nicht hin. FB postet nur den Link und sieht title etc nicht? Hat irgendwer ne Idee? Ich schnalls nicht!

Hi, leider funktioniert bei mir die dynamische Generierung der URL nicht. Er aktiviert stets den Blogtitel, den ich in den WordPress-Einstellungen unter: “Allgemein” gesetzt habe und nicht den jeweiligen Artikeltitel. Könntet ihr mal einen blick darauf werden?
Folgenden Code habe ich in die single.php eingefügt:
<iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>&layout=standard&show_faces=true&width=250&action=like&font&colorscheme=light&height=80″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:250px; height:60px; float:right; margin-left: 5px; margin-bottom: 10px;” allowTransparency=”true”>

Hi, habe das Problem soeben selbst gelöst, indem ich die meta Angaben von Facebook gelöscht habe – die werden ja nicht gebraucht bei dynamischen URL für Artikel. Danke! :)

Gruß Dennis

[...] ich aber hier nicht genauer eingehen! Jedoch gibt es im Netz einige gute Anleitungen dafür: Loadblog – Gefällt mir / Like / Empfehlen Button in WordPress einbauen ohne Plugin oder hier Neunzehn72 – Facebook “Gefällt mir” Button in WordPress [...]

[...] Quelle: literaturcafe [...]

[...] Weiter gibt es noch die Gefällt mir Funktion auf jeder einzelnen Seite, für die ich die von Frank beschriebe Anleitung zur manuellen Integration ohne Plugin verwendet habe. Und last but not least ist habe ich die [...]

Ich finde das selber gehostete viiiel bequemer. Einmal Installations-Nerv und ab da ist es wie bei wordpress.com, nur mit mehr Funktionen. :D

Bei mir hat der FB-Button übrigens keine Chance. Meines Wissens überträgt er die IP der Leser (auch derer, die nicht drauf drücken) an Facebook. Da kann ich dann gleich das (in D nicht erlaubte) Google Analytics nutzen und die Leser-E-Mail-Adresse an chinesische Spammer verkaufen. -.-

@ Schorsch:
Analytics ist in Deutschland völlig legal. Und ja – der Facebook-Button wird extern geladen (in einem iFrame über JavaScript), also wird FB damit auch IP-Adressen bekommen und kann theoretisch Nutzerprofile erstellen. Allein ergibt das Verarbeiten dieser unglaublichen Datenmengen keinen Sinn (außer für Paranoiker und Verschwörungstheoretiker). Wer die gängigen Praxen auf den meisten aktuellen Internetseiten verwerflich findet, muss einen Werbeblocker installieren oder seine hosts-Datei händisch pflegen. Oder einfach nicht ins Internet gehen.

[...] SchnäppchenTiger Fanseite habe ich mich auch dieses Mal wieder an die Anleitungen von Thomas und Frank gehalten, das Wordbooker Plugin installiert (das ist wirklich mega genial) und die Like Box aus den [...]

[...] file, since all the plugins do use more space of the page than useful. How to do this is very well described on this page (in [...]

Danke für den Codeschnipsel. Funktioniert übrigens nicht nur bei WordPress-Seiten. Kann man ja eigentlich in jeden beliebigen Quellcode einbinden. Hauptsache ist, dass iframes unterstützt werden. Grüße aus dem sonnigen Spanien.

Hallo, bin am verzweifeln, habe den Code in mein Template eingebaut und seit ein paar Wochen erscheint unter jedem Artikel die gleiche Anzahl von Personen, die den Like-Button geklickt haben (referenziert auf die Stamm-Domäne), obwohl die URL des Posts angegeben ist…
Weiß jemand Rat -> http://blog.streitenberger.net
Grüße
Hubi

Hallo Hubi, das ist ja ungewöhnlich. Ich hab mal in deinen Code geschaut und dabei nix ungewöhnliches bemerkt. De facto sieht der Code für den Facebook Like-Button hier im LoadBlog ziemlich identisch aus. Wenn du die Freunde-Box rausnimmst, geht’s dann?

btw: Kurioses Theme. :)

Hi Frank, danke fürs nachschauen. Ohne die Freunde-Box gehts leider auch nicht. Muss ich wohl tiefer rumstochern… Gruß Hubi

Super! Hat einwandfrei funktioniert! Vielen Dank dafür!

Nur schade, dass die Entwickler von Facebook keinen XHTML validen Code schreiben. Der Validator meldet 12 Fehler.

Das ist ärgerlich, da gebe ich dir recht. Ist bei YouTubes-Embed-Code genauso und sicherlich ein Zugeständnis an gewisse Uralt-Browser, die immer noch verbreitet sind.

Ist doch gerade umgekehrt: Code, der beim Validator durchkommt, wird bestimmt auch bei uralten Browsern richtig angezeigt. Wenn schon alte Browser unterstützt werden sollen, dann ist valider Code erst Recht dringend nötig.

Das ganze habe ich mal ein bisschen umgebaut, so dass jetzt kein i-frame mehr eingebunden werden muss sondern das Tag, was den Gefällt mir Button auch W3C strict valide macht. Wenn es interessiert: http://www.sascha-oertlin.de/2010/08/facebook-like-button-und-like-box-w3c-strict-valide-in-den-blog-einbinden/

Hallo, danke für deine gute Anleitung.

Man kann auch reinen Javascript-Code einbinden, wenn man will. Hier gibs den Code:

http://www.socialbookmarkscript.com/facebook.php

@Daniel
Schön – nur ist dieser Button unbrauchbar – W3C Validator meldet 11 Fehler. Wenn schon Code erstellen, dann bitte doch XHTML valide.

Das würde mich mal genauer interessieren. Weist du einen Link wo die Vorgehensweise genauer beschrieben ist ? Oder kannst du mir das auch für Laien verständlich erklären ?

Naja schöner ist es wenn man es einfach per FBML einbindet:

Danke für die Anleitung, die wirklich jeder versteht und in maximal 3 Minuten installiert ist.

Top. Super einfach und genau das was ich gesucht hab! Like! :-)

Das war doch einfach. Danke für den Tipp!

hallo,
ich habe ein kleines problem mit dem “i like” button von facebook.
wir bauen gerade eine internetseite mit typo3 auf und wollten den I like button von der Internetseite mit dem I like button der Fanseite auf facebook verbinden…
das ganze funktionierte auch relativ gut… alle fans die ich auf facebook habe werden auch in einer Zahl auf meiner seite angegeben, aber die Profilbilder nicht, nur mein eigenes… was habe ich da falsch gemacht und wie kann ich das ändern?

vielen Dank für eure Hilfe
Alexander Farr
travelfan24.com

Danke! Ich hab diese Funktion schon immer gesucht. :)
Ebenfalls finde ich dein Blog sehr gut!

Hallo,
ich habe meinen blog über tumblr laufen – kann mir jemand helfen, was sich dort machen müsste?
Danke…

Habe den Facebook Button erfolgreich eingebaut.

Was ist das für ein Plugin für “Teilen, gefällt mit und Twittern”? Bin auf ShareThis registriert, aber die Buttons sind in Englisch und lassen sich nicht übersetzen.

Gibt es auch eine valide Lösung? 7 Errors, 1 warnings!

Ein wirklich guter Artikel.
Bin gespannt was die User auf meinem Blog dazu sagen!
Grüße.

Hi,
nachdem es im Plugin DiggDigg eine Fehlermeldung zwecks der Anzeige von I-Like-Button gegeben hat, habe ich mal kurz gegoogelt und kam zu deinem Artikel. Eingefügt habe ich das Like-Button nach deiner Anleitung mittels iframe in der Single.php. Das dürfte jetzt auch bei mir funktionieren. Durch die direkte Einbindung in der single.php hat man mal wieder ein weiteres Plugin eingespart. Danke für die Tipps!

Hallo Frank!

Mich würde interessieren, mit welchem Code Du den Facebook – Button unterhalb des Artikels eingebaut hast. Ich finde der sieht nämlich wesentlich besser aus.

Hallo Frank!

Ich würde gerne wissen, mit welchem Code Du unterhalb des Artikels den Like-Button erstellt hast, der sieht nämlich wesentlich besser aus; in meinen Augen natürlich.
VG

es wäre super, wenn es mal ein wordpress-fb-like-plugin geben würde, dass auch mit validem quellcode ausgestattet ist… meines wissens nach gibt es das nicht. oder kennt jemand zufällig eins? :)

Wenn der Like wieder zurück geht liegt oft daran das Plugin überlagern falsche Facebook App ID das würde als erstes mal überprüfen ;)

Hier das ganze mal mit validem HTML
http://www.ideecon.com/social-media/facebook-like-button-ohne-plugin-in-validem-html-in-wordpress-integrieren/

Guten Tag.

Sollten Sie sich dennoch einmal dafür entscheiden, ein Plugin zu verwenden, dass Ihnen den Like-Button sowie den +1 Button nach jedem Post (aber auch Page) hinzufügt, so würde ich mich freuen, wenn Sie meinem Plugin die Chance geben würden, die erste Wahl zu sein: Like-Button-Plugin-For-Wordpress (http://www.gb-world.net/projects/like-button-plugin-for-wordpress).

Mit seinem leistungsstarken Backend-Interface gibt es kaum etwas was nicht einstellbar wäre. Die Social Button Analayse hilft Ihnen zusätzlich, das beste aus Ihren Social Buttons zu machen. Aber genug erzählt, machen Sie sich selbst ein Bild davon, was eines der besten Social Button Plugins für WordPress alles anbietet. Viel Spaß und Erfolg!

Hallo und guten Tag,
mir ist folgendes beim Gefällt mir Button aufgefallen. Öffnet man eine Webseite mit dem eingebundenen Button das erste mal ist alles okay. Aktualisiert man nun diese Seite mittels rechter Maustaste > Aktualisieren erscheint Links unten im Browser eine Java Fehlermeldung:

Meldung: Objekt erwartet
Zeile: 203
Zeichen: 436
Code: 0
URI: http://www.facebook.com/plugins/like.php?href…...

Auf Ihrer Seite ist das auch so und auf allen anderen von mir getesteten Seiten ebenfalls. Woran könnte das liegen? Der Fehler tritt nur im IE auf der Firefox unterdrückt scheinbar den Fehler.

Freundliche Grüsse
Jan

Hier gibt es eine gute Anleitung zum datenschutzkonformen Einbau des Facebook Like Button. Dabei wird nur ein Bild angezeigt und nach Bestätigung des Users der echte Like Button von Facebook nachgeladen:

http://realpr.de/facebook-like-button-datenschutzkonform.html

Wurde das Problem mittlerweile gelöst? Weil ich habe es auch gerade….

Wurde das Problem mittlerweile gelöst? Weil ich habe es auch gerade….

Wurde das Problem mittlerweile gelöst? Weil ich habe es auch gerade….