Vor ca. zwei Wochen habe ich euch ja schon erklärt, wie ihr für eure Fanpage eine Landingpage erstellen könnt. Jetzt habe ich mich mal wieder mit dem Thema beschäftigt und eine wie ich finde recht hilfreiche Erweiterung gefunden, die ich euch in diesem Artikel vorstellen will.
Es geht um eine Facebook-Box, die ihr auch mit auf eurer Landingpage einbinden könnt, die es neuen Fans ermöglicht eure Fanpage gleich an ihre Freunde weiter zu empfehlen. Also auf jeden Fall ein Feature, dass man einbinden sollte um die Reichweite weiter zu steigern.
Ich hab für euch auch mal ein Beispiel rausgesucht, wie das dann in der Praxis aussehen kann, hier mal die Fanpage von Shoemoney:
Jetzt aber genug der Vorrede und wieder die volle Aufmerksamkeit auf das Tutorial gerichtet, das jetzt folgt.
So geht es:
Schritt 1:
Als erstes benötigen wir natürlich eine Fanpage, auf der auch bereits ein Landingpage-Tab erstellt ist, was wir ja schon in unserem letzten Tutorial getan haben.
Das was jetzt kommt ist im Prinzip relativ simpel, da ihr nur den folgenden Code in euren Landingpage-Tab einbinden müsst:
<fb:request-form
method="post"
action="/index.php"
type="NAME OF YOUR FAN PAGE"
invite="true"
content="Was ihr sagen wollt
<fb:req-choice url='Eure Fanpage URL' label='Was auch immer' /> ">
<fb:multi-friend-selector actiontext="Passende Überschrift"
rows="3"
max=35
showborder="true"
cols="2"/>
</fb:request-form>
Schritt 2:
Jetzt müssen wir den Code in unseren Landingpage Tab einbinden, dazu geht ihr auf eure Fanpage und klickt auf Seite bearbeiten:
Jetzt müssen wir, wenn ihr euch noch erinnert auf den Menüpunkt Anwendungen gehen, damit wir zu der Static FMBL App kommen, mit der wir unseren Tab erstellt haben.
Wenn ihr jetzt nach ganz unten scrollt seht ihr schon die FMBL App, die nach dem Titel des Tabs benannt ist.
Hier gehen wir dann auf „Zur Anwendung“ und sehen wieder die Box in der wir den HTML Code einbinden können. Der letzte Schritt für euch besteht dann darin, den oben von mir angeführten Code hier einzufügen und dann natürlich auch an eure Fanpage anzupassen.
An dieser Stelle solltet ihr natürlich daran denken, nach dem Einfügen auch auf „Änderungen übernehmen“ zu klicken.
Das Aussehen der Box
Bis jetzt sieht unsere Box eher noch unspektakulär aus:
Damit das aber nicht so bleibt, sollten wir uns das Aussehen noch einmal ansehen. Gehen wir am besten der Reihenfolge nach vor:
1. Setzt das Attribut showborder auf false
2. Erhöht die Anzahl der Spalten auf 3 (cols='3')
3.Jetzt muss die Box noch zentriert werden dazu könnt ihr einfach einen div-Tag verwenden und diesen über style=“margin-left:20px“ in die Mitte schieben oder ihn mir margin: 0 auto; automatisch zentrieren lassen, wenn ihr die Breite angegeben habt.
Jetzt sind wir dann auch fertig und ich finde die Box kann sich inzwischen auch wirklich sehen lassen.
Optional könnt ihr auch noch das Überspringen ändern, indem ihr noch das Attribut bypass hinzufügt, mögliche Werte sind „skip“, „cancel“ und „step“.
Am Ende hoffe ich natürlich, dass ich euch mit diesem Tutorial geholfen habe. Sollte das der Fall gewesen sein, freue ich mich natürlich, wenn ihr meine Seite weiterempfehlt und/ oder einen Kommentar da lasst.
↧
Facebook Landingpage: Freunden empfehlen Box hinzufügen
↧
