Hur man skapar ett Facebook-fan av Content with Reveal-fliken

Har du någonsin undrat hur vissa Facebook-sidor visar specifikt innehåll eller bara gör det tillgängligt för fansen? Om så är fallet, leta inte längre.

(Viktig uppdatering: Facebook Det är inte längre kompatibelt med FBML. Se inlägget på Facebook iFrame.) En av de mest populära FBML-taggarna är fb: visa vid anslutning. En säljares favorit, denna FBML-tagg möjliggör Facebook-sidor a Visa olika innehåll för fans och icke-fans. När en icke-fan klickar på gilla-knappen, överträdelse! – Icke-faninnehåll försvinner och fanspecifikt innehåll ersätter det. Som en metod för att få besökare att bli fans av din webbplats kan detta vara mycket effektivt.

Denna FBML-tagg kallas ofta och kallas ett “hack”; men det gjordes av Facebook som gör precis vad det gör: “a visa innehåll inuti en tagg i en användare eller i en Facebook-sidaprofil endast om tittaren är en vän till den användaren eller ett fan av den sidans Facebook-sida. “

Exempel på varumärken som använder innehåll endast för fans

Det finns många sätt att få besökare att gilla din sida. Här är några exempel på varumärken på Facebook:

Levi’s lovar “Omedelbar tillgång till exklusivt innehåll”.

1-800 Flowers erbjuder en rabattkod för 20% rabatt på din nästa beställning.

Teesey-t-shirts hölls hemliga: “Se vad affären är.”

DIGISTORE erbjuder “rabattkoder, oanmälda specialerbjudanden, gratis månadsgåvor.”

De ger dig bilder. “Vi har bra innehåll här, MEN DU MÅSTE GILLA DET FÖRST!”

Självklart borde du se till att din “trailer” för icke-fans är tillräckligt engagerande för att de ska gilla din sida. Många webbplatser kräver att besökare blir fans innan de visar visst innehåll, men nej Att kommunicera innehållets värde. Teesey tees, ovan, är mycket nära detta.

Här är instruktioner om hur du lägger till innehåll endast för fans på din sida.

Lägg till en statisk FBML-applikation på din webbplats

Först måste du lägga till en statisk FBML-applikation på din sida. Här är guiden.

NOTERA: Statisk FBML kan endast läggas till på Facebook-sidan (dvs kommersiell sida, företagssida, varumärkessida). Det kan inte läggas till i en enskild profil.

Vad är FBML?

FBML är Facebooks eget märkningsspråk som låter innehållet på dina flikar interagera med Facebooks API (“Application Programming Interface”). Det är lika lätt att använda som HTML.

De flesta FBML-taggar, inklusive de jag använde i den här artikeln, har en öppningstagg och en avslutande tagg. Innehållet i varje tagg (HTML, CSS och/eller fler FBML) placeras mellan dessa inledande och avslutande taggar.

Skapa innehåll endast för fans på din anpassade flik

När du väl har lagt till den statiska FBML-applikationen är det ganska enkelt att implementera denna FBML-tagg. Den enda delen som blir lite knepig är att ta bort blanktecken som endast fans-innehåll genererar, även om det inte är synligt ännu.

Facebook använder “vision: dold“Stil på dölj fansinnehåll tills användaren gillar sidan. Denna stilregel finns dock kvar för innehåll; det är inte innehållet Som ett resultat pressas innehåll som inte är fans ner på sidan! Detta löses dock enkelt med lite CSS “absolut positionering”. Jag införlivar detta tillvägagångssätt i följande exempel.

Kod för FBML-box:
__abENT__lt; div id = __abENT__quot; Wrapper__abENT__quot; __abENT__gt;
INNEHÅLL ENDAST HÄR
__abENT__lt; div id = __abENT__quot; icke-fans__abENT__quot; __abENT__gt; INNEHÅLL ICKE-FANS GO HERE__abENT__lt;
__abENT__lt; __ avent __ # 8260; div__abENT__gt;

Som visas ovan kommer allt flikinnehåll att finnas i en “wrapper” DIV.

öppna detta innehåller DIV. CSS-stilar appliceras på “container”-ID via stilmallen.

Allt innehåll enbart för fans och innehåll som inte är fan placeras mellan prologen kort och stängning kort. Detta innehåll kan vara HTML, FBML och CSS.

Innehåll endast för fan kommer först, följt av innehåll som inte är fan, direkt efter prologen FBML-tagg.

Icke-faninnehåll som finns i

y

CSS Style-taggen appliceras på ett “icke-fanatiskt” ID via en stilmall.

Så fort innehåll som inte är fan stängs det följt av nära etikett och slutligen

etikett för att stänga “linda” DIV.

Här är en statisk FBML-ruta med koden ovan, som länkar till en extern stilmall:

Här är CSS för den externa stilmallen (med exempel-URL):
#wrapper {
bredd: 520px;
margin:0 automatiskt; border:0; buffert:0;
Relativ position;
}
# inte fan {
bredd: 520px;
Absolut position; ledande:0; vänster:0;
}

Din externa stilmall måste ha CSS-stilregler. Ingår ej

märka!

Om du inte kan använda en extern stilmall

Om du inte har en server där du kan ladda upp en separat stilmall så kan du Stil “inline” i HTML-taggar. Även om detta inte är idealiskt, är det ett alternativ om du inte kan skapa en separat stilmall, lagra den på servern och binda den till kort.

Här är exemplet ovan, med stilar för

inline-tagg (observera att vi inte behöver ID om vi använder den här metoden):

Kontroll och felsökning

Att testa och felsöka just den här FBML-taggen är lite knepigt eftersom När du är inloggad som administratörsanvändare för webbplatsen ser du innehåll endast för fans och innehåll som inte är fan när du tittar på fliken.

• Verifiera korrekt syntax: Se till att webbadresser är omgivna av dubbla citattecken (enkla eller dubbla citattecken är bra, men måste matcha) och att de är citattecken i oformaterad text (inte “fancy” eller “lockiga”).

• Testa dina flikar i de mest populära webbläsarna och på Mac Y Windows: Du vill se till att dina flikar visas korrekt i de mest populära webbläsarna (åtminstone Firefox, Internet Explorer, Safari och Chrome) och på Mac och Windows. Det som renderas bra i Firefox, Chrome och Safari kanske inte (och ofta inte) renderas bra i Internet Explorer.

Vad är fel FacebookFBML döda meddelande?

Den 19 augusti 2010 meddelade Namita Gupta sin kommande utfasning ur FBML. Jag förväntar mig dock att stöd för statisk FBML och fb:connected display-taggen kommer att finnas kvar på obestämd tid. Static FBML är FacebookOwn-appen och för bara några månader sedan erbjöd de statiska FBML-anpassade flikar som ett tröstpris till användare som led genom att ta bort Box-fliken. Jag hoppas att det stöds fram till 2011 och förmodligen längre fram.

Läs den här detaljerade artikeln om framtiden för FBML och statisk FBML, inklusive åsikter från några expertutvecklare.

Har du testat innehåll endast för fans på din Facebook-sida? Vad är din erfarenhet? Lämna dina kommentarer i rutan nedan.