kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Facebook: Inhalte nur für Fans anzeigen

Wenn Ihr innerhalb Eurer Fanpage Inhalte nur für Fans anzeigen wollt so könnt Ihr das ganz einfach mit folgendem FBML-Snippet erreichen. Ein Anwendungsbeispiel ist vielleicht der Download eines exklusiven Gutscheins für Fans oder ähnliches.

Workshops und Seminare von kulturbanause

Visual Prototyping, Responsive Design, CSS Grid & Flexbox, WordPress, Adobe XD, HTML & CSS Grundlagen, Website-Optimierung …

Jetzt Frühbucher-Rabatte sichern!



<fb:visible-to-connection>
Dieser Inhalt ist nur für Fans sichtbar
</fb:visible-to-connection>

Um den Code innerhalb von Facebook verwenden zu können müsst Ihr zuvor die Anwendung FBML installieren. Wie das geht steht hier.

Alternativen Inhalt für "Nicht-Fans"

Wenn Ihr das oben gezeigte Snippet verwendet, so sehen "Nicht-Fans" eine leere Fläche in den Abmessungen des für sie versteckten Inhalts. Das ist natürlich nicht so schön. Um das Problem zu umgehen könnt Ihr für diese Besucher einen anderen Inhalt einblenden. Zum Beispiel so:


<fb:visible-to-connection>
 Dieser Inhalt ist nur für Fans sichtbar
  <fb:else>
  Dieser Inhalt ist nur für Nicht-Fans sichtbar
  </fb:else>
</fb:visible-to-connection>

Ihr könnt innerhalb der Else-Anweisung auch Inline-CSS schreiben und mit einem negativen margin den Container verstecken.

Besonders interessant ist diese Funktion an Bereichen im Layout die besonders prominent sind. Zum Beispiel die Stelle direkt unterhalb der Überschrift. Neuen Besuchern könnt Ihr hier eine "Werde bitte Fan"-Mitteilung einblenden. Bestehende Fans erfreuen sich dann vielleicht mehr an "Danke, dass du Fan geworden bist". So lässt sich der einzelne User noch individueller ansprechen.

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

3 Kommentare

  1. raum|bild|welt

    Verfasst am 11. Februar 2011 um 0:11 Uhr.

    siehe dazu meinen Kommentar hier:
    http://www.kulturbanause.de/2010/12/facebook-inhalte-nach-zufallsprinzip-anzeigen

  2. Nicole

    Verfasst am 13. Februar 2011 um 23:10 Uhr.

    Hallo,
    vielen Dank für die tollen Tipps! Ich möchte jetzt gern die Seite so anlegen, dass Nicht-Mitglieder eine Grafik sehen, die sie dazu animiert, Fan zu werden…. Und wenn jemand bereits Fan ist, dann soll er den Freunde-Finder zu sehen bekommen, um weitere Freunde zu der Seite einzuladen.

    Leider lässt sich die Grafik für die Nicht-Mitglieder trotz negativem Margin oder auch z-index nicht über die Freunde-empfehlen-Box legen…. Sie wird immer noch angezeigt.

    Was mache ich falsch? Habt ihr evt. noch einen Tipp für mich?

    Viele Grüße und vielen Dank vorweg.
    Nicole

  3. orendatraining

    Verfasst am 20. Mai 2011 um 16:47 Uhr.

    Danke für den Klasse Tipp.

    Werden wir gleich implementieren.
    Schönes Wochenende.

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.