So geht’s: den neuen Facebook “Like it” Button auf JEDER Website einbauen
Kommentieren
Wie gestern auf der f8, der Facebook Developer Conference verlautbart, soll nun Facebook ganz einfach mit allen Webseiten verknüpft werden können. Das Killerfeature: man kann nun ab sofort jede beliebige Web Seite mit einem Facebook typischen “Gefällt mir” Button ausstatten.
Diesen Button kennt jeder, er wird also sicherlich sehr oft geklickt werden. Man stelle sich ihn nun in einem Online Shop bei jedem Produkt vor. Gefällt mir das Produkt oder die Seite, kann ich dies nun damit in meinem Facebook Profil meinen Freunden zeigen. Viralität pur!
Und so einfach geht’s:
Man geht auf diese Seite, und generiert per Formular den entsprechenden HTML Code per “Get Code” Button, den man dann einfach in die eigene Web Seite einbindet.
Und das war es auch schon. Rechts daneben gibts auch gleich die entsprechende Vorschau, wie es dann für diese Seite aussehen wird.
Etwas kniffliger wird es dann, wenn man den Code in ein Content Management System wie WordPress oder TYPOlight einbauen will.
Hier muss man dann die entsprechende URL im gewonnenen Code per PHP oder anderer Scriptsprache durch die aktuelle Seite ersetzen lassen.
Im Fall von WordPress integriert man den folgenden Code in die Datei single.php im Template Verzeichnis:
<iframe src=”http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=true&amp;width=500&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:500px; height:px”></iframe>
Live kann man den Button übrigens schon unter jedem Artikel des WebmarketingBlog.at begutachten und testen.
Den Workpress Tipp hab ich übrigens bei seo-rookies.at gefunden.
Autor: Oliver Hauser
- Mehr bei
Weitere Posts zum Thema:
April 25th, 2010 at 15:35
Ich habe deine Anleitung mal für Weblogs auf Basis von Movable Type angepasst: http://www.theofel.de/archives/2010/04/facebook-like-it-button-in-movable-type-blogs.html
April 26th, 2010 at 11:44
für wordpress gibts schon das entsprechende plugin…
Mai 1st, 2010 at 14:16
Ich habe mir eine seite mit Dreamweaver gebastelt und verstehe mehr oder weniger nichts vom echten Seitenprogrammieren…
Im Splitscreen Menü versuchte Ich den Code in meine Seite einzubinden – das funktioniert aber nicht , weil Ich nicht weiss an welcher Stelle (oder zwischen welchen befehlen) Ich das tun muß…
Bräuchte nur einen kleinen Hinweis!
lg
Mike
Mai 3rd, 2010 at 10:53
Interessant wäre zu wissen, wie viele Leute auf einen Like-Button klicken. Gibt es da irgendwo eine Statistik dafür auf Facebook oder kann man das irgendwie tracken?
Mai 6th, 2010 at 06:19
Das WordPress plugin:
http://wordpress.org/extend/plugins/like
verfügbar in Deutsch
Mai 13th, 2010 at 22:02
Schöner Artikel – davon will ich gerne mehr lesen!
Juni 1st, 2010 at 16:31
Hallo,
seit heute funktioniert der Button nicht mehr (bei neuen Seiten die Online gestellt werden ) ! Hat jemand ne Ahnung weswegen ?
Danke für die Info
Juni 10th, 2010 at 13:16
Danke ! Gefällt mir.
Juli 5th, 2010 at 16:40
Danke für die Anleitung. Klappt auch bei anderen CMS. Hab ich doch gleich mal in die Tat umgesetzt – danke.
Juli 29th, 2010 at 16:04
Coole Sache!
..aber kannst du mir erklären wie das bei Blogger.com & Co. abläuft?
Da bekomm ich das nämlich nich hin
Danke
August 12th, 2010 at 20:45
[...] http://www.webmarketingblog.at/…/ [...]
September 12th, 2010 at 18:07
habe den linke button nun auch in unserem shop eingebunden. funktioniert super!
viele grüße vom bodensee
Marius
http://www.fuckmyshirt.com
Oktober 26th, 2010 at 23:50
Mich würde eher interessieren, wie ich so ‘ne Like-Geschichte für sonstwas hinbekomme, also ohne Link auf irgendeine Webseite.
November 11th, 2010 at 16:37
[...] in dem Zusammenhang war der Artikel von Oliver Hauser darüber, wie man den Facebook-Like-Button einbindet. Wer also einen ganz praktischen Tipp aus dem Nähkästchen haben möchte findet eine tolle [...]
November 11th, 2010 at 16:42
Hallo, der Code scheint irgendwie noch nicht ganz ausgereift zu sein… schaut mal mit dem FireBug – es gibt einen Zugriff -dieser- Webseite hier auf folgende error-Domain bei Facebook:
http://error.facebook.com/common/scribe_endpoint.php?c=si_clickjacking&m=http%3A%2F%2Fwww.webmarketingblog.at%2F2010%2F04%2F22%2Ffacebook-like-it-auf-website-einbauen%2F&t=2332
Irgendwas scheint da mächtig faul zu sein. Wenn Euch das Thema auch stört – und ihr vor allem was herausfindet, dann seid doch bitte so lieb und schreibt Eure Ergebnisse in meinen Artikel zum Thema Facebook Clickjacking Fehlerhafter Code, denn ich würde gerne wissen, was das auf sich hat!
November 16th, 2010 at 10:22
Hallo weiß jemand wie ich anstatt ID)); ?> die aktuelle url einfügen kann?
Dezember 2nd, 2010 at 08:58
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
April 17th, 2011 at 21:11
Hallo,
aber wie wird der Button auf der Fanpage selbst eingetragen?
April 18th, 2011 at 21:06
@pit: warum willst du einen like it button auf einer facebook fanpage eintragen?
Mai 14th, 2011 at 14:28
alle sind so geil auf die facebook Applikationen aber warum eigentlich ? Da kommt ein Amerikaner und spuckt uns hier allen in die Suppe und gibt uns noch die Möglichkeiten mit i like buttons uns noch mehr ans Bein zu pinseln. wegen diesem Mist haben viele Leute ihre Jobs verloren wie auch zb die FHM Redaktion Mitarbeiter in Deutschland.. Aber das ist nur ein Beispiel von zigtausenden zurzeit .. .. Also Bravo Facebook Bravo Facebook und den ganzen Trittbrettfahrern .. .Leute schaltet euer Gehirn ein, blockiert facebook in euren Ländern.. Ignoriert es bevor es uns alle und all unsere Jobs vernichtet. Schon wenn wir auf unseren webseiten I Like buttons haben aber wozu ? damit die leute mal vorbeischauen und ende ??? Hilf den Lokalen Firmen und Anbietern und zerstört sie nicht mit eurem Facebok Wahn …
Mai 20th, 2011 at 19:59
Wie bekomme ich es denn hin, dass dann auf der Facebookseite nicht nur der Link zu sehen ist, sondern auch ein kleines Bildchen zur Seite? Bei meinen Buttons steht immer nur der Link als Text, und da kann man sich nichts drunter vorstellen
Mai 21st, 2011 at 08:18
@kir: ist doch eigentlich oben beschrieben. um welche seite genau geht es, ich schau mir das gerne an.
Mai 29th, 2011 at 08:50
um meine eigene Bildergalerie. Dort findet man unter jedem Bildchen einen Button, aber wenn man dann bei Facebook schaut, steht da nur der Link, und eben ohne Bild, und das ist schade…
Und oben ist das nicht beschrieben, oder ich bin blind. Ich meine nicht die kleinen Avatars der Leute, die das mögen… ich meine das Bild auf dem FAcebookprofil, wenn dort steht: XXX gefällt ein Link
Juni 22nd, 2011 at 12:45
Super Tipp!
Hab ich auch gleich angewandt.
Nur:
meine Seite läuft über Typo3 und ich habe den Verdacht, dass es deswegen nicht läuft. Hab erstmal die IFrame Variante probiert.
Jetzt wollt ichs mit der anderen X??? testen und mir den Code holen von der Entwicklerseite – aber das geht nicht mehr…
von wegen nur noch “registrierte Entwickler”- habt ihr das auch? Vor 10min gings noch!
Juni 23rd, 2011 at 16:50
[...] öfter empfohlen, wie man die entsprechenden Widgets einfach in den Blog einbauen kann (hier und hier). Was mir aber gerade bei WordPress Blogs immer gefehlt hat, ist eine schnelle Übersicht, wie die [...]
Juni 25th, 2011 at 07:48
Hallo!
Das Einpflegen war kein Thema aber wie bekomme ich den Button auf Deutsch?
Hätte schon gern “gefällt mir” statt “like it”…
Danke schön!
Juni 25th, 2011 at 18:06
@bounty78: ist deine seite im html richtig als deutsch gekennzeichnet?
Juli 8th, 2011 at 09:07
Hallo,
irgendwie funktioniert das erstellen des “I Like”-button nicht …
Wenn man auf “Get Code” klickt wenn ma nalles eingetragen hat, dann sagt er :
“Nur verifizierte Entwickler können als gelistete Entwickler dieser Anwendung hinzugefügt werden.
Es können nur verifizierte Entwickler als gelistete Entwickler dieser Anwendung hinzugefügt werden. Lies dir http://www.facebook.com/help/?faq=17580 für mehr Details durch.”
Wo is tdas Problem? Warum geht es nicht?
Juli 8th, 2011 at 09:29
Ok lag daran dass das Konto nicht verifiziert war. Nun ist es verifiziert.
habe nun mal auf den Button geklickt, aber auf meiner facebook Seite wird keine Eintrag oder so angezeigt… Was ist da falsch? oder hat dies was mit dem “Step 2″ zutun auf der Seite????
Juli 8th, 2011 at 09:36
Die Bilder der personen werden auch nicht drunter angezeigt …
((
Juli 8th, 2011 at 12:51
Hi!
Hat jemand eine Idee, wie ich einen “Gefällt Mir” Button für ein Facebookprofil auf meine Webseite bringe?
Also nicht, dass die Seite dann dem Klicker gefällt, sondern dem die Profilseite einen Gefällt mir dazu bekommt!
Hoffe auf eure Antworten!
Gruß,
Stiller
Juli 14th, 2011 at 16:20
Hallo ihr,
wir kommen leider auch nicht weiter und finden keine Lösung für das Cacheproblem. Ich hoffe hier findet noch jemand eine befriedigende Antwort
.
Grüße
Torsten
Juli 18th, 2011 at 19:25
Wie kann ich einstellen was den Leuten auf dem Profil angezeigt wird wenn sie auf den “Gefällt mir” Button klicken? (Bild, Linktext, etc.)
Juli 18th, 2011 at 19:38
@marco: schau mal hier: http://www.webmarketingblog.at/2010/05/30/facebook-miniaturbild-bestimmen/
@stiller: ich glaube du suchst das: https://developers.facebook.com/docs/reference/plugins/like-box/
@torsten: welches cache problem?
Juli 21st, 2011 at 10:19
Super einfach beschrieben. Tolle Sache – Man muss nur noch aus: en_US => de_DE im Code machen dann ist es schon fertig. DANKE
Juli 21st, 2011 at 16:33
Ich halte alle Like-, +1-, Twitter- und sonstige $marketing-bullshitbingo-Buttons fuer eine ueble Seuche – insbesondere dann, wenn die Dinger mittels Script und/oder iFrame eingebunden werden. Ein normaler Link waere noch i.O., alles andere dient nur den Anbietern (Facebook/Google/Twitter) als kostenguenstiges Tracking-System.
Firmen wie Facebook, Twitter und Co bieten ihre Dienste *kostenlos* an und somit ist der Benutzer das Produkt, dem man via personalisierter Werbung Produkte von Drittanbietern andrehen kann. Und das waere die am wenigsten paranoide Erklaerung.
Sich bei diesen Diensten anzumelden steht sicherlich jedem frei, aber wenn ich als unbedarfter User auf jeder x-beliebigen Webseite trotzdem getrackt werde, hoert der Spass auf. Auch der Hinweis im Impressum (den garantiert 90% vergessen) macht es nicht besser.
Tolles Marketing.
m(
August 17th, 2011 at 06:19
Guten Tag.
Sollten Sie sich 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!
Oktober 8th, 2011 at 13:37
Hallo,
ich versuche jetzt schon seit geraumer Zeit den gefällt mir button in meine Website einzubinden. Ich bekomme aber immer nur den Text nicht aber den Button drauf! Kann mir das mal jemand für Dumme erlären wie ich das machen muss??? Die Website habe ich mit xtrem web digner5 erstellt falls das wichtig ist!
Danke
November 1st, 2011 at 14:54
Hae ? Ich hab das immer noch nicht verstanden
Ich check es einfach nicht !! xd
Ich bitte erneut um Hilfe o:
Entweder es ist wirklich ziehmlich kompliziert oder ich bin zu blöd !
November 3rd, 2011 at 16:26
habe den linke button nun auch in unserem shop eingebunden. funktioniert super!
November 11th, 2011 at 13:21
Hallo zusammen,
fairerweise sollte man nun aber auch erklären, wie man den unerwünschten und auch unnötigen Button wieder loswerden kann.
Es gibt in fast allen Browsern die Möglichkeit, Inhalte von Webseiten zu blockieren. Im Internetexplorer gibt es dafür den Inhaltsratgeber und beim Firefox gibt es ein Addon. Einfach bei Googe “facebook like button blockieren” eingeben. Da finden sich haufenweise Anleitungen.
Möchte man firmenweit sperren, gibt es in jedem besserern Proxyserver auch die Möglichkeit, solchen Unsinn einfach zu filtern. Beim Durchsehen unserer Protokolle bin ich richtig erschrocken, wie weit sich dieser unrühmliche Button schon verbreitet hat. Wenn jemand Unterstützung in diesem Bereich benötigt, darf er/sie sich gerne bei mir melden.
Viele Grüße aus der “like button-freien Zone”
November 14th, 2011 at 16:15
ich würde gerne auf der Facebookfanseite direkt einen likebutton einbauen habe das auf anderen Seiten gesehen, aber nicht gefunden wie das geht.
Kann mir jemand einen Tipp geben?
auf meine seiten http://www.mausebaeren.com hab ich den schon eingebunden, klappte gut.
November 27th, 2011 at 15:01
Hallo ich habe heute eine Webseite für Austria Wien Fans auf Facebook erstellt und weiß nicht wie man das mit dem Like-Button macht. Ich weiß nicht wie ich das machen soll. Wärst du so nett und kannst das machen??
Meine Webseite ist:
http://www.facebook.com/pages/Fk-Austria-Wien/248301395229394?sk=page_getting_started#!/pages/Fk-Austria-Wien/248301395229394
bitte schreib mir schnell zurück und wenn es geht in meine E-mail Adresse
Großes Dankeschön !!!!!!
November 30th, 2011 at 16:22
Wie bekomme ich den link auf eine jimdo homepage ich verzweifle
Dezember 5th, 2011 at 21:38
Gut erklärt ich werde euch verlinken
und wenn ihr eure Button etwas Puschen wollt besucht uns mal die ersten 50 Likes sind kostenlos
Dezember 18th, 2011 at 22:38
Sooo, jetzt haben wir es auch, danke!
Januar 12th, 2012 at 20:04
Hallo,
wir kommen leider auch nicht weiter und finden keine Lösung für das Cacheproblem.
Februar 2nd, 2012 at 19:06
Guten Tag,
ich glaube ein Problem zu haben und wollte euch nach einer Lösung fragen.
Eine bestehende Facebook-Seite hat bereits diverse i like Klicks stehen, nun möchte ich auf die Homepage einen i like Button setzen, dieser zeigt aber 0 an, die bereits vorhandenen Klicks werden nicht angezeigt.
Hat vielleicht jemand eine Idee, woran es scheitern könnte?
Thx Torsten