kulturbanause blog

Um mehr Fans für Eure Facebook-Fan-Page zu generieren kann es sich anbieten ein "Invite to App"-Element in die Fan-Page einzubauen. Mit diesem Element kann ein Besucher seine Freunde auswählen und sie direkt einladen. Es kann eine persönliche Nachricht verfasst werden und es ist möglich externe Kontakte per E-Mail einzuladen.

Eigentlich ist das Element zum Einsatz in Facebook-Apps gedacht. Aus diesem Grund müsst Ihr zunächst einen FBML-Tab erstellen. Wie das geht könnt Ihr in diesem Artikel nachlesen. Alles was wir jetzt besprechen geschieht innerhalb des FBML-Tabs.

Multi-Friend-Selector

Es existiert eine "große" Variante des Elements und eine zusammengefasste. Dieser Code erzeuge die normale Ansicht. Die Breite wird über die Anzahl der Spalten bestimmt, die Höhe über die Anzahl der Zeilen (Achtung! 3 Zeilen sind mindestens erforderlich).

<fb:request-form method="GET"
 invite="true"
 type="kulturbanause Fan-Page"
 content="Hi, ich möchte Dir gerne kulturbanause vorstellen.
 <fb:req-choice url='http://www.facebook.com/kulturbanause.de' label='kulturbanause besuchen!' />
">

<fb:multi-friend-selector
 actiontext="Empfehle uns deinen Freunden! Vielen Dank!"
 rows="3"
 cols="3"
 showborder="true"
/>

</fb:request-form>

Eine vollständige Erklärung aller Attribute findet Ihr auf developers.facebook.com/docs/reference/fbml/multi-friend-selector

Multi-Friend-Selector (Condensed)

Diese Variante ist platzsparender als die oben erwähnte. Die Breite lässt sich per CSS steuern (Klasse, oder Inline).

<fb:request-form method="GET"
 invite="true"
 type="kulturbanause Fan-Page"
 content="Hi, ich möchte Dir gerne kulturbanause vorstellen.
 <fb:req-choice url='http://www.facebook.com/kulturbanause.de' label='kulturbanause besuchen!' />
">

<fb:multi-friend-selector
 condensed="true"
 style="width: 520px;"
 actiontext="Empfehle uns deinen Freunden! Vielen Dank!"
 showborder="true"
/>

</fb:request-form>

Eine vollständige Liste aller Attribute findet Ihr hier: developers.facebook.com/docs/reference/fbml/multi-friend-selector_(condensed)