Design dynamischer facebook fan page Banner

Für alle, die eine Fan Page auf facebook betreiben, müssen regelmäßig um die Gunst der neuen Fans werben. facebook bietet viele Richtlinien zum Design und fertige, dynamische Werbemittel zur Einbindung in die eigene Webseiten, Blogs usw. Ein sehr praktischer dynamischer Banner ist leider etwas auf der facebook Seite versteckt. Leider – denn er liefert bei jedem Aufruf die wichtigsten Infos zur Fan Page:

  • Name. Name der Fan Page
  • Status: das ist eine abgekürzte letzte Meldung (Status Update)
  • Bild: das aktuelle Profilbild
  • Fans: ganz toll – die aktuelle Anzahl der Fans

Design facebook Fan Page
Beispiel Grafik

Der Vorteil liegt auf der Hand: man muss sich nie wieder um die Aktualisierungen des Banners kümmern. Und ein zweiter, sehr wichtiger Punkt: da die Gestaltung und die Inhalte komplett von facebook erzeugt werden (bei jedem Aufruf on the fly), werden alle Design-Richtilinien und rechtliche Vorgaben erfüllt.

Hier ist der Link zum Abruf des HTML-Javascript Codes des facebook badges (man muss sich einloggen):

http://www.facebook.com/badges/page.php?status=updated

Hier sieht man einen Beispielcode:

 

<!-- Facebook Badge START -->
<a href="http://www.facebook.com/Zooplusde" target="_TOP" title="zooplus.de"><img src="http://badge.facebook.com/badge/123279578696.1803.989512447.png" width="120" height="286" style="border: 0px;" /></a>
<!-- Facebook Badge END -->

 

Für alle, die sich zum ersten Mal mit der Gestaltung einer Fan Page beschäftigen, empfehle ich diesen Artikel zu lesen: „Facebook Fan Page Design„.

5 Gedanken zu „Design dynamischer facebook fan page Banner“

  1. Pingback: Webdesign: Design dynamischer facebook fan page Banner
  2. Danke für den Tip, ich bin auch schon mehrfach auf dieses Problem gestoßen, wenn man dass nicht mit nem Script macht ist es echt ätzend. Hatte bisher nur noch nichts gefunden, aber jetzt hab ich ja eins 🙂 Nur noch einbetten.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Design Blog vom Designer

Offenlegung: Auf dieser Webseite finden Sie zum Teil Affiliate-Links. Das bedeutet, dass wir unter Umständen eine kleine Provision erhalten. Ohne zusätzliche Kosten für Sie. Damit helfen Sie uns weiterhin kostenlose Inhalte anzubieten. Vielen Dank!