Kuratierte Linksammlung für Webdesigner und -entwickler.

Facebook führt Senden-Button ein

Jetzt ist es nun schon ein Jahr her, dass Facebook den Like-Button eingeführt hat. Ist es wirklich erst seit einem Jahr? Irgendwie kommt es mir länger vor. Facebook-Konsumenten erfreuen sich an diesen Button. Und Blogger erst recht! Seit dem größeren Update des Facebook-Like-Buttons können Deine Freunde sich sogar, ähnlich wie beim Teilen-Button, durch einen Teaser warm lesen und durch die Thumbnail-Anzeige einen ersten visuellen Eindruck zum Inhalt deines geteilten Artikels erhalten.

Facebook reicht diese Teilen-Funktion natürlich nicht. Nun stelle dir vor, du liest einen Artikel im Web, der einen Deiner Facebook-Freunde interessieren könnte. Facebook nimmt sich dieser Vorstellung an und führt den Senden-Button ein.

Anzeige

Der Senden-Button ermöglicht das Versenden von Nachrichten bezüglich eines Artikels an gezielte Personen- oder Gruppen auf Facebook. Du bestimmst, wer das zu sehen bekommt, was Du teilst.

Facebook legt Blogger und Seiten-Betreiber mit den Senden-Button ein weiteres effektives Traffic-Werkzeug in die Hand um targetierten Traffic zu generieren. Außerdem wird Dir als Facebook-User mehr Kontrolle darüber gegeben, was Du du auf Facebook teilst.

Senden-Button integrieren: XFBML-Variante

Inhalte also gezielt auf Facebook teilen mit den Senden-Button, darum gehts. Es sind Zwei Darstellungsmöglichkeiten des Senden-Buttons derzeit möglich. 1. Eine Standalone-Variante des Senden-Button und 2. eine Kombination aus den Like-und Senden-Button. Den Senden-Button kannst du ganz leicht in deine Website einbauen:

1. Standalone-Variante des Senden-Buttons

Verwende folgenen Code um den Senden-Button in deine Website oder Blog zu integrieren:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:send href="beispiel.de"></fb:send>
Für WordPress Blogs

Für die WordPress-Anwendung füge folgenen Code an die gewünschte Stelle innerhalb Deines WordPress Themes:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:send href="<?php echo rawurlencode(get_permalink()) ?>"></fb:send>

2. Like- und Senden-Button kombinieren

Verwende folgenen Code um eine Kombination aus den Like-und Senden-Button zu erzeugen:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="beispiel.de" show_faces="false" width="450" send="true">
</fb:like>
Für WordPress Blogs

Für die WordPress-Anwendung füge folgenen Code an die gewünschte Stelle innerhalb Deines WordPress Themes:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo rawurlencode(get_permalink()) ?>" layout="button_count" show_faces="false" width="450" send="true">
</fb:like>

Ich finde den Senden-Button garnicht schlecht (Er erscheint mir ein wenig wie der gute alte Email-Button). Ich habe den Senden-Button als XFBML-Variante in diesen Blog eingebunden. Da die Iframe-Variante bei mir Probleme macht, habe ich auch keine Anleitung dazu geschrieben. Denn wozu Dir zeigen, was bei mir nicht geht! ;)

Frischer Input für Designer. Jeder Abonnent erhält das kostenlose Bundle aus 50 Photoshop Device-Mockups und 40 Responsive WordPress-Themes.

1x pro Woche. Kein Spam. Jederzeit kündbar.
Jonathan Torke
Jonathan Torke

Auf pixeltuner.de teile ich aktuelle Ressourcen für Webdesigner und -entwickler. Du findest mich auch auf deviantART und Instagram.
PayPal-Kaffeespende.

Schreibe einen Kommentar

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

Verpasse keine News!

Du erhältst ein kostenloses Bundle aus 50+ WordPress-Themes und PSD Device-Mockups.

1x pro Woche. Jederzeit kündbar.
Anzeige