Facebook “Gefällt mir” Button in WordPress einbinden

Wenn Sie auf einfache Art und Weise den neuen Facebook “Gefällt mir” Button einbinden möchten, so können Sie anhand dieses kurzen Quellcode-Snippets Ihr Affiliatetheme oder jedes andere WordPress Theme mit Facebook verbinden.

<iframe src="https://www.facebook.com/plugins/like.php?href=<? the_permalink(); ?>&amp;layout=standard&amp;show-faces=true&amp;width=470&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:470px; height:60px"></iframe>

“Gefällt mir Button” Tipps

Sie können einige Parameter vom iFrame Code modifizieren und somit das Erscheinungsbild grundlegend verändern. Zum einen gibt es den Parameter “show-faces” – dieser ist in unserem Beispiel auf “true” eingestellt. Ersetzen Sie hier diesen Parameter mit “false”, werden die Gesichter unter dem Button nicht mehr angezeigt. Der Parameter “colorscheme” bietet Ihnen die Möglichkeit den Button ein wenig dunkler erscheinen zu lassen. Tragen Sie hier den Wert “dark” ein, erscheint der Button in einem gräulichen Ton.

Auch die Höhen und Breiten des iFrames lassen sich anpassen – hier sollten Sie jedoch eine Höhe von 25 Pixeln nicht unterschreiten, da der Button sonst nicht mehr korrekt angezeigt werden könnte.

Hier finden Sie eine komplett Übersicht über alle verfügbaren Parameter (Stand: 29.04.2010)

  • layout
    • standard
    • button_count
  • show-faces
    • true
    • false
  • action
    • like
    • recommend
  • font
    • arial
    • lucida+grande
    • segoe+ui
    • tahoma
    • trebuchet+ms
    • verdana
  • colorscheme
    • light
    • dark

In unserem Beispiel sind nicht alle Parameter verwendet – möchten Sie einen Parameter wie zum Beispiel die Schriftart hinzufügen, müssen Sie lediglich “&amp;” und den Parameter, dem Code-Snippet hinzufügen.
Beispiel: &amp;font=lucida+grande

Performance vom “Gefällt mir Button”

Sie sollten jedoch auf Ihre Performance achten, da gerade Facebook in letzter Zeit Probleme mit der Ladegeschwindigkeit Ihrer Seite und Widgets hatte.  Dies könnte eventuell zu verlängerten Ladezeiten auf Ihrer Seite sorgen.

jSussujew

About jSussujew