Ich habe schon in einem älteren Artikel zum Thema Social Media Buttons beschrieben warum ich der Meinung bin man sollte nicht alles via Plugin einbinden. Seit dem hat sich einiges getan. Twitter hat @anywhere und Facebook Open Graph veröffentlicht. Beides dient der einfacheren und umfangreicheren Integration des jeweiligen Dienstes in die eigene Seite. Heute soll es um die Einbindung des Facebook-Like-Buttons gehen.

Facebook Like Button ohne Plugin einbinden

Den Facebook Like Button kann man auf 2 Arten einbinden, via iFrame und via Facebook Javascript SDK. Ich bin selber nicht so der iFrame-Fan deshalb zeige ich euch hier die andere Variante.

Den Quelltext für das SDK bekommt Ihr von der Entsprechenden Developer-Seite, dass ganze sieht dann folgendermaßen aus:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

Der Teil sollte am besten ganz nach unten in der footer.php eures Wordpress-Templates. Eine Zeile über >/body< Den eigentlichen Button könnt Ihr euch auch direkt von der Facebook-Developer-Seite erzeugen lassen.

<fb:like href="http://www.homepagebewertung.de" show_faces="false"></fb:like>

Damit Ihr immer auf den aktuellen Post von Wordpress verweist, sollte der Button in die single.php des Templates und folgendermaßen abgeändert werden. (geändertes href)

<fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false" width="150"></fb:like>