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>

Auch twitter.com hat das Frühjahr für einen Facelift genutzt und Ihre Startseite aktualisiert. Aber auch die Einkaufsabteilung war fleissig. Mit dem Kauf von Atebits hat twitter.com jetzt auch einen eigenen Twitter-Client für das iPhone und den Mac-Desktop im Programm. In den Kommenden Tagen soll Tweetie unter dem neuen Namen “Twitter for iPhone” kostenlos im Apple App-Store erscheinen. Die Desktop Version soll “Tweetie for Mac” heißen und eine Windows-Version wird sich meiner Meinung nach in naher Zukunft auch zeigen.

Unter http://www.twitter.com/tscheckenbach könnt Ihr unter anderem den Updates hier auf hpbw.de folgen. Aber

Mittlerweile gibt es für alle drei entsprechende Plugins, aber das macht meiner Ansicht nach bei so kleinen Code-Schnippseln keinen Sinn. Ausserdem hat man nicht wirklich Kontrolle wie diese Eingebunden werden, es bietet zwar jedes Plugin Einstellmöglichkeiten, jedoch können sich die drei auch schnell in die Quere kommen. Also habe ich mich ran gemacht und mir die Code-Schnippsel vom Buzz-, TweetMeme- und Facebook-Button besorgt und in eine Liste gepackt.

Diese lässt sich jetzt einfach in das Theme integrieren (oftmals post.php) und mittels CSS an die eigenen Ansprüche anpassen. Leider bieten die Buttons selber nicht besonders viel Freiheiten, es gibt zwar unterschiedliche Darstllungen leider aber keine die bei allen drei gleich ist. Besonders der Facebook-Button passt nicht so ganz dazu, da er die Link-Anzahl erst nach dem ersten Klick anzeigt.

Hier der Code-Schnippsel:

<ul id="share-buttons">
	<li> <a rel="nofollow external" href="http://www.google.com/reader/link?url=&lt;?php the_permalink() ?&gt;&amp;title=&lt;?php the_title(); ?&gt;&amp;srcURL=&lt;?php bloginfo('url'); ?&gt;" target="_blank"><img src="http://img2.pict.com/15/da/3e/2809374/0/googlebuzz.png" border="0" alt="" width="50" height="58" /></a></li>
	<li> <script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"><!--mce:0--></script></li>
	<li> <a name="fb_share"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"><!--mce:1--></script></li>
</ul>

Gestern Abend (nach GMT+1) hat Google sein neuestes Produkt vorgestellt Google Buzz. Damit greift Google Facebook, Twitter & Co. an. Google Buzz integriert sich in Google Mail und bietet die Einbindung vieler verschiedener Medienarten in den “activity Stream”. Auch bei Google Buzz geht es darum die Aussenwelt von seinem Tun, seinen Ideen, seiner aktuellen Lokation im Prinzip seinem Leben teilhaben zu lassen.

Das schöne dabei, Google versteift sich nicht auf den eigenen Service, sondern bietet an, einfach, Fremdinhalte einzubinden. Die Google Buzz Api bietet hierzu schon jetzt viele offene Standards, will diese aber in Zukunft stetig weiter ausbauen.

Bisher ist Google Buzz noch nicht in jedem Google Mail Account verfügbar, Google hat aber angekündigt über die nächsten Tage alle Accounts damit zu versehen.

Die Frage ist, brauchen wir Google Buzz noch oder hat Google den richtigen Zeitpunkt schon verpasst. Gerade Facebook erfreut sich bei den nicht Geeks wachsender Beliebtheit, wobei Twitter immer noch eher von den web-affinen besiedelt wird. Zieht jemand seine Aktivitäten von Facebook nach Google Buzz um? Ich denke nein, die aktiven SocialMedia Betreiber, SEOs, selbstvermarkter, Webdesigner, eben diejenigen die mit dem Web Geld verdienen, werden Google Buzz so einrichten, das es den Stream der anderen Portale aggregiert um auch hier präsent zu sein. Allen die Facebook nur ab und zu verwenden wird man nur schwer klar machen können das sie einen weiteren Account pflegen sollen, in der Hoffnung noch eine handvoll Freunde mehr zu erreichen.

Der Versuch in den SocialMedia-Markt einzusteigen ist aus Googles Sicht natürlich richtig und wenn es um das Daten sammeln geht ein muss. Ob der Vorteil der offenen Standards und der aktiven Integration in Google-Mail jedoch ausreicht um genug aktive User zu ziehen, wird sich zeigen.

Video zu Google Buzz:

Video zu Google Buzz for Mobile:

Seit ca. 3h ist Twitter offline -> ohne Fail Whale, für einige Webber da draußen sicher seit langem wieder die Produktivsten 3h Eine Denail-of-Service-Attacke soll laut staut.twitter.com für den Ausfall verantwortlich sein.

Als alternative haben sie wohl einige sofort auf Facebook eingeschossen, denn ziemlich Zeitgleich fing Facebook an zu zicken. Da Quäkt einen das AJAX-Modul beim Statusupdaten an und man muss es mehrfach versuchen bis was durchkommt. Wir hoffen das liebe Web2.0 beruhigt sich bald wieder, und die DoS-Attacke wird abgewährt!