WordPress: Social-Media-Leiste mit Zähler für Feedburner, Twitter und Facebook

Gestern habe ich die Frage eines Lesers bekommen, wie ich die Social-Media-Leiste im Kopfbereich realisiert habe und wie ich den Zähler über die Feed-Leser, Follower und FB-Fans dort eingebunden habe.

Wie auch bei den statischen Buttons, die sich unterhalb der Artikel befinden, kommen ein CSS-Sprite und die Icons von Paul Robert Lloyd zum Einsatz. Daraus habe ich einfach eine Grafik zusammengesetzt.

Den zweiten Icon habe ich einfach selber gebastelt, in dem ich einen kleineren Feed-Button über den Newsletter-Button drübergelegt habe. Das symbolisiert imho sehr gut die Funktion von Fedburner, die neuen Artikel über RSS als E-Mail-Newsletter auszuliefern.

Die Zahlen von Feedburner, Twitter und Facebook ausgeben

Wie man die Anzahl der Feed-Abonnenten und Twitter-Folower ausgibt, habe ich bereits im Artikel Anzahl der Feed-Leser und Twitter-Folower ausgeben ausführlich beschrieben.

Für die Ausgabe der Anzahl von Facebook-Fans nutze ich folgenden Code:

<?php
    $page_id = "Die ID deiner Facebook-Page";
    $xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("Voll viele!");
    $fans = $xml->page->fan_count;
?>

Diesen Code kann man in der jeweiligen Template-Datei einbinden und dann dort wo man die Ausgabe haben möchte einfach <?php echo $fans; ?> einfügen.

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienst­leistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.

Verwandte Beiträge:

• Facebook, Twitter, Google: statische Buttons im Eigenbau
• WordPress: Social-Media-Buttons (Facebook, Twitter, Google+, Kindle, t3n) einbinden
• WordPress und Social Metrics: Likes von Facebook, +1 von Google+ und Tweets auf deine Artikel übersichtlich im Backend
• SEO: Bildersuche von Google vs. Twitter und Facebook
• Facebook, Google, Twitter: statische Buttons