So erstellen Sie Facebook-Inhalte nur für Fans mit der Registerkarte “Anzeigen”

Social Media wie manHaben Sie sich jemals gefragt, wie einige Facebook-Seiten bestimmte Inhalte oder Angebote nur für Fans anzeigen? Wenn ja, suchen Sie nicht weiter.

((Wichtiges Update: Facebook unterstützt FBML nicht mehr. Bitte lesen Sie die Artikel auf Facebook iFrame.) Eines der beliebtesten FBML-Tags ist fb: sichtbar für die Verbindung. Dieses FBML-Tag ist ein Favorit der Vermarkter und ermöglicht es einer Facebook-Seite, dies zu tun Zeigen Sie Fans und Nicht-Fans unterschiedliche Inhalte. Wenn ein Nicht-Fan auf die Schaltfläche “Gefällt mir” klickt – Bratsche! – Der Nicht-Fan-Inhalt verschwindet und der Nur-Fan-Inhalt ersetzt ihn. Dies kann sehr effektiv sein, um einen Besucher zu motivieren, ein Fan Ihrer Seite zu werden.

Dieses FBML-Tag wird häufig – und fälschlicherweise – als “Hack” bezeichnet. Es wurde jedoch von Facebook erstellt genau das zu tun, was es tut: “Zu Zeigen Sie den Inhalt des Tags nur dann im Profil eines Benutzers oder einer Facebook-Seite an, wenn der Betrachter ein Freund dieses Benutzers oder ein Fan dieser Facebook-Seite ist. ”

Beispiele für Marken, die nur Fan-Inhalte verwenden

Es gibt viele Möglichkeiten motivieren Sie Ihre Besucher, Ihre Seite zu mögen. Hier einige Beispiele von Marken auf Facebook:

Levi’s verspricht “Sofortiger Zugriff auf exklusive Inhalte”.
levis auf facebook

1-800 Blumen bietet einen Rabattcode für 20% Rabatt auf Ihre nächste Bestellung.
1800flowers auf Facebook

Teesey Tees hält es geheimnisvoll: “Sehen Sie, was der Deal ist.”
teesey tees auf facebook

DIGISTORE bietet “Rabattcodes, unangekündigte Sonderangebote, kostenlose monatliche Werbegeschenke”.
Digistore auf Facebook

Du bekommst das Bild. “Wir haben großartige Inhalte hier, ABER ZUERST musst du uns mögen!”

Natürlich solltest du Stellen Sie sicher, dass Ihr “Teaser” für Nicht-Fans so überzeugend ist, dass sie Ihre Seite mögen. Auf vielen Seiten muss ein Besucher Fan werden, bevor bestimmte Inhalte angezeigt werden. Dies ist jedoch nicht der Fall vermitteln den Wert des Inhalts. Teesey Tees oben kommt dem sehr nahe.

Im Folgenden finden Sie Anweisungen zum Hinzufügen von Inhalten nur für Fans zu Ihrer Seite.

Fügen Sie Ihrer Seite die statische FBML-Anwendung hinzu

Zuerst müssen Sie hinzufügen die statische FBML-Anwendung zu Ihrer Seite. Hier ist ein Tutorial.

HINWEIS: Statische FBML kann nur zu einer Facebook-Seite hinzugefügt werden (dh Geschäftsseite, Unternehmensseite, Markenseite). Es kann nicht zu einem persönlichen Profil hinzugefügt werden.

Was ist FBML?

FBML ist Facebooks eigene Markup-Sprache, mit der Ihre Tab-Inhalte mit der Facebook-API („Application Programming Interface“) interagieren können. Es ist so einfach zu bedienen wie HTML.

Die meisten FBML-Tags, einschließlich der in diesem Artikel verwendeten, haben ein Eröffnungs-Tag und ein schließendes Tag. Der Inhalt für jedes Tag – HTML, CSS und / oder mehr FBML – wird zwischen diesen öffnenden und schließenden Tags platziert.

Erstellen von Inhalten nur für Fans auf Ihrer benutzerdefinierten Registerkarte

Sobald Sie die statische FBML-Anwendung hinzugefügt haben, ist die Implementierung dieses FBML-Tags ziemlich einfach. Der einzige Teil, der etwas knifflig ist, ist das Entfernen des Leerraums, den der Nur-Fans-Inhalt erzeugt, obwohl er noch nicht sichtbar ist.

Facebook nutzt die “Sichtbarkeit: verstecktStil zu Blenden Sie den Fan-Inhalt aus, bis der Benutzer die Seite mag. Diese Stilregel gilt jedoch weiterhin reserviert den Platz für den Inhalt; es tut es einfach nicht Show der Inhalt. Folglich wird der Nicht-Fan-Inhalt auf der Seite nach unten gedrückt! Dies lässt sich jedoch leicht mit ein wenig CSS „absoluter Positionierung“ lösen. Ich beziehe diesen Ansatz in die folgenden Beispiele ein.

Der Code für die FBML-Box:
<code>__abENT__lt;div id=__abENT__quot;wrapper__abENT__quot;__abENT__gt;
FANS-ONLY CONTENT GOES HERE
__abENT__lt;div id=__abENT__quot;non-fans__abENT__quot;__abENT__gt;NON-FANS CONTENT GOES HERE__abENT__lt;__abENT__#8260;div__abENT__gt;
__abENT__lt;__abENT__#8260;div__abENT__gt;</code>

Wie oben gezeigt, ist der gesamte Inhalt der Registerkarte im DIV “Wrapper” enthalten.

öffnet dies mit DIV. CSS-Stile werden über das Stylesheet auf den ID-Wrapper angewendet.

Alle Inhalte nur für Fans und Nicht-Fans werden zwischen der Öffnung platziert Tag und Schließen Etikett. Dieser Inhalt kann HTML, FBML und CSS sein.

Der Nur-Fan-Inhalt steht an erster Stelle, gefolgt vom Nicht-Fan-Inhalt, der unmittelbar auf die Eröffnung folgt FBML tag.

Der Nicht-Fan-Inhalt ist in der enthalten

und Stichworte. CSS-Stile werden über das Stylesheet auf die ID „Nicht-Fans“ angewendet.

Unmittelbar nach dem Nicht-Fan-Inhalt folgt der Abschluss Tag, gefolgt vom Schließen Tag und schließlich die Tag, um den DIV “Wrapper” zu schließen.

Hier ist die statische FBML-Box mit dem obigen Code: und der Link zu einem externen Stylesheet:

Facebook für die Verbindung sichtbar

Hier ist das CSS für das externe Stylesheet (mit Beispiel-URL):
<code>#wrapper {
width:520px;
margin:0 auto; border:0; padding:0;
position:relative;
}
#non-fans {
width:520px;
position:absolute; top:0; left:0;
}</code>

Ihr externes Stylesheet sollte haben nur die CSS-Stilregeln. Schließen Sie das nicht ein Stichworte!

Wenn Sie kein externes Stylesheet verwenden können

Wenn Sie keinen Server haben, auf den Sie ein separates Stylesheet hochladen können, können Sie dies tun Inline die Stile in den HTML-Tags. Obwohl dies nicht ideal ist, ist es eine Option, wenn Sie kein separates Stylesheet erstellen, es auf einem Server hosten und mit dem verknüpfen können Etikett.

Hier ist das obige Beispiel mit den Stilen für die

Tags inline (Beachten Sie, dass wir die IDs nicht benötigen, wenn wir diesen Ansatz verwenden):

Beispielstile inline

Testen und Fehlerbehebung

Das Testen und Beheben dieses speziellen FBML-Tags ist etwas schwierig, weil Wenn Sie als Benutzer angemeldet sind, der ein Seitenadministrator ist, werden beim Anzeigen der Registerkarte sowohl Nur-Fans- als auch Nicht-Fan-Inhalte angezeigt.

  • Erstellen Sie ein Benutzerkonto zum Testen: Der effizienteste Weg zum Testen besteht darin, ein Facebook-Konto nur zum Testen zu erstellen oder das Konto eines Freundes oder Kollegen zu verwenden. (Das Erstellen eines neuen persönlichen Profils zum Testen kann zu Verstößen führen Facebooks Nutzungsbedingungen – Siehe # 4, Registrierung und Kontosicherheit – auch wenn dies mit guten Absichten geschehen ist.) Sie können als ein Benutzer (das Administratorkonto) in einem Browser bei Facebook angemeldet sein und in einem anderen Browser als Testkonto angemeldet (ich verwende Firefox und Safari). Dann müssen Sie sich nicht mehr als Administrator, sondern als Tester usw. bei Facebook an- und abmelden.
    Beim Testen müssen Sie Wechseln Sie zwischen “Gefällt mir” und “Nicht mögen” einer Seite hin und her. Klicken Sie im Gegensatz zu einer Seite auf die Registerkarte Wand. Am unteren Rand der linken Spalte der Wand sehen Sie “Anders”:
    nicht wie

    Klicken Sie darauf, um die Seite nicht zu mögen, und Sie können auf die Schaltfläche “Gefällt mir” klicken, um die Seite erneut zu mögen. Bei Bedarf wiederholen.

  • Verwenden Sie ein externes Stylesheet, NICHT inline-Styles: Die meisten Browser zeigen Ihre Seite korrekt an, wenn Sie das CSS mit dem Inline-Code versehen haben Tag, aber NICHT Internet Explorer 8!
    Da Millionen von Menschen diesen speziellen Browser verwenden, sollte sich Ihr CSS in einer eigenen Datei (mit der Erweiterung “.css”) befinden und von Ihrer FBML-Seite mit dem verwiesen werden . Sie müssen diese Datei irgendwo im Web hosten, wo Sie darauf verlinken können.
  • Überprüfen Sie alle URLs: Wenn Dateien (Bilder, CSS usw.) nicht angezeigt werden oder nicht darauf zugegriffen wird, testen Sie unbedingt die URLs für diese Dateien direkt Geben Sie in Ihrem Browser die URL in die Adressleiste ein oder fügen Sie sie ein, um sicherzustellen, dass Sie direkt auf die Datei zugreifen können.
    Adressleiste des Browsers

    Wenn Sie nicht direkt auf die Datei zugreifen können, ist Ihre URL falsch.

  • Überprüfen Sie die korrekte Syntax: Stellen Sie sicher, dass URLs von umgeben sind passend Anführungszeichen (einfach oder doppelt ist in Ordnung, müssen aber übereinstimmen) und einfache Klartext-Anführungszeichen (keine „ausgefallenen“ oder „lockigen“ Anführungszeichen).
  • Überprüfen Sie Ihren Tab in den beliebtesten Browsern und auf Mac UND Windows: Sie möchten sicherstellen, dass Ihre Registerkarte in den gängigsten Browsern (zumindest Firefox, Internet Explorer, Safari und Chrome) sowie auf Mac und Windows ordnungsgemäß angezeigt wird. Was in Firefox, Chrome und Safari gut angezeigt wird, wird im Internet Explorer möglicherweise nicht (und oft auch nicht) gut angezeigt.

Was ist mit der Ankündigung von Facebook, FBML zu töten?

Am 19. August 2010 wurde Namita Gupta angekündigt das bevorstehende Auslaufen von FBML. Ich erwarte jedoch, dass die Unterstützung für statische FBML und die fb: sichtbar für die Verbindung Tag wird auf unbestimmte Zeit vorhanden sein. Static FBML ist die eigene Anwendung von Facebook. Vor einigen Monaten haben sie Benutzern, die über das Abschalten der Registerkarte “Boxen” bestürzt waren, benutzerdefinierte Registerkarten für statische FBML als Trostpreis angeboten. Ich gehe davon aus, dass es bis weit in das Jahr 2011 hinein und möglicherweise darüber hinaus unterstützt wird.

Lesen Sie dies ausführlicher Artikel über die Zukunft von Static FBML und FBML, einschließlich der Meinungen einer Reihe von erfahrenen Entwicklern.

Haben Sie nur Fan-Inhalte auf Ihrer Facebook-Seite ausprobiert? Was war Ihre Erfahrung? Bitte hinterlassen Sie Ihre Kommentare im Feld unten.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *