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.



<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.

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 3 Kommentare

  1. orendatraining
    schrieb am 20.05.2011 um 16:47 Uhr:

    Danke für den Klasse Tipp.

    Werden wir gleich implementieren.
    Schönes Wochenende.

    Antworten
  2. Nicole
    schrieb am 13.02.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

    Antworten
  3. raum|bild|welt
    schrieb am 11.02.2011 um 00:11 Uhr:

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →