Website-Icon Webdesign-Podcast

Facebook gefällt mir / like Button in Webseite einbinden

Wenn du dich für das Einbinden eines Facebook „gefällt mir“ Buttons interessierst, dann solltest du nach diesem Artikel auch noch den Artikel: „Facebook gefällt mir und Open Graph“ lesen, um den Button noch effektiver zu nutzen.

Der „gefällt mir“ bzw. like Button von Facebook taucht in immer mehr Webseiten auf und dürfte auch nicht Facebook Usern mittlerweile ein Begriff sein. Über den „gefällt mir“ bzw. like Button können User mit einem einfachen klick ihren Facebook Freunden zeigen welche Webseiten bzw. konkrete Inhalte ihnen gefallen.

Da die Freunde die man in seiner Freundes-Liste auf Facebook hat in der Regel ähnliche Interessen haben, ist die Wahrscheinlichkeit das Freunde diesen Link auch anklicken relativ hoch. So ist der „gefällt mir“ Button eine einfache, gute und effektive Werbemöglichkeit die den Traffic auf der eigenen Webseite erhöhen kann.

Der Button selber lässt sich über die Facebook-Developer Seite mit Hilfe eines kleinen Generators relativ einfach in die eigene Webseite einbinden.

In diesem Tutorial möchte ich euch noch 2 Varianten zeigen wie ihr die „gefällt mir“ / Like Buttons dynamisch in eure Webseiten einbinden könnt. Zum einen ein kleines Script mit dem ihr das Facebook-Like-Script dynamisch in so gut wie alle Webseiten und CMS Systeme (z.B. Joomla!, Drupal, WordPress, Mambo usw.) integrieren könnt und ein Script speziell für WordPress, dasselbe das wir hier auf dieser Webseite auch verwenden (siehe unten).

Statischer Standard Code für den „gefällt mir“ / Like Button
So würde der Code für den Like Button aussehen, wenn wir statisch die Domain https://www.webdesign-podcast.de mit einem „gefällt mir“ versehen wollen:


In dem href steht die Domain, auf die der „gefällt mir“ Button zeigen soll.

Dynamischer PHP-Code für „gefällt mir“ / Like Button
Diesen Code könnt ihr z.B. in eine mit einem CMS verwaltete Webseite einbinden und über den PHP-Befehl:

= $_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI'] ?>

Wird automatisch die aktuelle URL an das „gefällt mir“ / Like Script übergeben. Auf die Art und Weise muss nicht für jede einzelne Seite ein neuer Facebook Like Button generiert werden.


Dynamischer PHP-Code für „gefällt mir“ / Like Button – Variante speziell für WordPress
Um den Button nun innerhalb von WordPress nutzen zu können muss der Permalink (aktuelle Seite/Artikel innerhalb von WordPress) in den Code eingebunden werden. inklusive integriertem Permalink sieht der abgewandelte Code dann so aus.


Diesen Code bindet ihr nun in eurem WordPress-Theme (z.B. in der single.php, index.php, page.php) innerhalb des Content Loops ein. Wie das ganze dann aussehen kann, könnt ihr euch direkt auf dieser Seite anschauen, seht euch einfach den Facebook Button am Ende dieser Seite an, er ist auf die selbe Art und Weise erstellt worden.

Viel Spaß damit!

Die mobile Version verlassen