Så här skapar du endast Facebook-innehåll med fliken Reveal: Social Media Examiner

Har du någonsin undrat hur vissa Facebook-sidor visar specifikt innehåll eller erbjudanden endast för fans? Om så är fallet, leta inte längre.

(Viktig uppdatering: Facebook stöder inte längre FBML. Se artiklarna på Facebook iFrame.) En av de mest populära FBML-taggarna är fb: synlig för anslutning. En favorit bland marknadsförare, den här FBML-taggen gör att en Facebook-sida kan visa olika innehåll för fans och icke-fans. När en icke-fan klickar på Gilla-knappen - altfiol! - innehållet som inte är en fan försvinner och det enda innehållet för fans ersätter det. Som en metod för att motivera en besökare att bli ett fan av din sida kan detta vara mycket effektivt.

Denna FBML-tagg kallas ofta - och felaktigt - som ett ”hack”. det skapades dock av Facebook att göra exakt vad det gör: “Till visa innehållet i taggen på en användares eller en Facebook-sidas profil endast om tittaren är en användares vän eller är ett fan av den Facebook-sidan.”

Exempel på märken som endast använder fans

Det finns många sätt att

motivera dina besökare att gilla din sida. Här är några exempel från varumärken på Facebook:

Levis lovar "Omedelbar tillgång till exklusivt innehåll."

1-800 blommor erbjuder en rabattkod på 20% på din nästa beställning.

Teesey Tees håller det mystiskt: "Se vad affären är."

DIGISTORE erbjuder "Rabattkoder, oannonserade specialerbjudanden, gratis månatliga gåvor."

Du får bilden. "Vi har bra innehåll här, MEN FÖRST måste du gilla oss!"

Naturligtvis borde du göra det se till att din "teaser" till icke-fans är tillräckligt övertygande för att de ska kunna gilla din sida. Många sidor kräver att besökare blir ett fan innan de visar visst innehåll, men de gör det inte förmedla värdet av innehållet. Teesey Tees, ovan, kommer mycket nära detta.

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

Lägg till den statiska FBML-applikationen på din sida

Först måste du lägga till den statiska FBML-applikationen till din sida. Här är en handledning.

NOTERA: Statisk FBML kan bara läggas till på en Facebook-sida (dvs. affärssida, företagssida, varumärkesida). Det kan inte läggas till i en personlig profil.

Vad är FBML?

FBML är Facebooks eget markeringsspråk som gör att ditt flikinnehåll kan interagera med Facebook API (“Application Programming Interface”). Det är lika enkelt att använda som HTML.

De flesta FBML-taggar, inklusive de jag använder i den här artikeln, har en inledande tagg och en avslutande tagg. Innehållet för varje tagg - HTML, CSS och / eller mer FBML - placeras mellan dessa inledande och stängande taggar.

Skapa ditt fansinnehåll på fliken Anpassad

När du väl har lagt till Static FBML-applikationen är implementeringen av den här FBML-taggen ganska enkel. Den enda delen som är lite knepig är att bli av med det vita utrymmet som endast innehållet för fans skapar även om det ännu inte syns.

Facebook använder ”synlighet: dold”Stil till dölj fläktens innehåll tills användaren gillar sidan. Men denna stil regel fortfarande reserverar utrymmet för innehållet; det gör det bara inte visa innehållet. Följaktligen trycks innehållet som inte är fan ned på sidan! Detta är dock lätt att lösa med lite CSS "absolut positionering". Jag införlivar detta tillvägagångssätt i följande exempel.

Koden för FBML-rutan:
__abENT__lt; div id = __ abENT__quot; wrapper__abENT__quot; __abENT__gt;
FANS-ENDAST INNEHÅLL GÅR HÄR
__abENT__lt; div id = __ abENT__quot; icke-fans__abENT__quot; __abENT__gt; INTE FANS-INNEHÅLL GÅR HÄR__abENT__lt; __abENT __ # 8260; div__abENT__gt;
__abENT__lt; __abENT __ # 8260; div__abENT__gt;

Som visas ovan kommer allt flikinnehåll att finnas i "wrapper" DIV.

öppnar detta som innehåller DIV. CSS-format tillämpas på ID-omslaget via formatmallen.

Allt innehåll för endast fans och icke-fans placeras mellan öppningen tagg och stängning märka. Detta innehåll kan vara HTML, FBML och CSS.

Få YouTube Marketing Marketing - Online!

Vill du förbättra ditt engagemang och försäljning med YouTube? Gå sedan med i det största och bästa samlingen av YouTubes marknadsföringsexperter när de delar sina beprövade strategier. Du får steg-för-steg liveinstruktion med fokus på YouTube-strategi, skapande av video och YouTube-annonser. Bli YouTube-marknadsföringshjälten för ditt företag och kunder när du implementerar strategier som ger beprövade resultat. Detta är ett live-online-träningsevenemang från dina vänner på Social Media Examiner.

KLICKA HÄR FÖR DETALJER - FÖRSÄLJNING SLUTAR 22 SEPTEMBER!

Endast fansinnehållet kommer först, följt av innehållet utan fans som omedelbart följer öppningen FBML-tagg.

Icke-fan-innehållet finns i och

taggar. CSS-format tillämpas på ID: t "icke-fans" via formatmallen.

Omedelbart efter innehållet som inte är fan är avslutningen tag, följt av stängningen tagg och slutligen

Här är den statiska FBML-rutan med ovanstående kod, och länken till ett externt formatmall:

Här är CSS för det externa formatmallen (med exempel på URL):
#omslag {
bredd: 520 pixlar;
marginal: 0 auto; gräns: 0; stoppning: 0;
position: relativ;
}
# icke-fans {
bredd: 520 pixlar;
position: absolut; topp: 0; vänster: 0;
}

Ditt externa formatmall ska ha endast CSS-stilreglerna. Inkludera inte … taggar!

Om du inte kan använda ett externt formatmall

Om du inte har en server där du kan ladda upp ett separat formatmall kan du göra det "Inline" stilarna i HTML-taggarna. Även om detta inte är idealiskt är det ett alternativ om du inte kan skapa ett separat formatmall, vara värd för det på en server och länka till det med märka.

Här är ovanstående exempel, med stilar för taggar inlinjerade (lägg märke till att vi inte behöver ID: n om vi använder den här metoden):

Testning och felsökning

Att testa och felsöka just denna FBML-tagg är lite knepigt, för när du är inloggad som en användare som är sidadministratör, ser du både fans- och icke-fansinnehåll när du visar fliken.

• Skapa ett användarkonto för testning: Det mest effektiva sättet att testa är att skapa ett Facebook-konto för testning, eller använda en kompis eller en kollegas konto. (Att skapa en ny personlig profil för testning kan bryta mot Facebooks användarvillkor - Se # 4, Registrering och kontosäkerhet - även om du gör det med goda avsikter.) Du kan vara inloggad på Facebook som en användare (administratörskontot) i en webbläsare och inloggad som testkonto i en annan webbläsare (jag använder Firefox och Safari). Då behöver du inte fortsätta att logga in och ut från Facebook som admin, sedan som testare, etc.
  När du testar måste du växla fram och tillbaka mellan att gilla och ogilla en sida. Till skillnad från en sida, klicka på fliken Wall. Nära botten av den vänstra kolumnen på väggen ser du "Till skillnad från":
  
  Klicka på den för att Till skillnad från sidan, och du kan klicka på Gilla-knappen för att gilla sidan igen. Upprepa vid behov.

• Använd ett externt formatmall, INTE inline-format:Mest webbläsare visar din sida korrekt om du har lagt in CSS med tagg, men INTE Internet Explorer 8!
  Eftersom miljontals människor använder just den här webbläsaren bör din CSS finnas i sin egen fil (med tillägget ".css") och refereras från din FBML-sida, med. Du måste ha den här filen någonstans på webben där du kan länka till den.

• Dubbelkolla alla webbadresser: Om några filer (bilder, CSS, etc.) inte visas eller öppnas, se till att testa webbadresserna för dessa filer direkt i din webbläsare, skriver eller klistrar in webbadressen i adressfältet för att se till att du kan komma åt filen direkt.
  
  Om du inte kan komma åt filen direkt är din URL fel.

• Kontrollera för korrekt syntax: Se till att webbadresser omges av motsvarande citat (enkla eller dubbla är bra, men de måste matcha) och att de är vanliga texter, rakt upp och ner citat (inte "snygga" eller "lockiga" citat).

• Kolla din flik på de mest populära webbläsarna och på Mac OCH Windows: Du vill vara säker på att din flik visas ordentligt i de mest populära webbläsarna (Firefox, Internet Explorer, Safari och Chrome, åtminstone) och på både Mac och Windows. Vad som visas bra i Firefox, Chrome och Safari kanske inte (och ofta inte) visas bra på Internet Explorer.

Vad sägs om Facebooks tillkännagivande om att döda FBML?

Den 19 augusti 2010 Namita Gupta meddelat den förestående fasningen av FBML. Jag förväntar mig dock att stöd för Static FBML och fb: synlig för anslutning taggen kommer att finnas kvar på obestämd tid. Static FBML är Facebooks egen applikation och för bara några månader sedan erbjöd de Static FBML-anpassade flikar som ett tröstpris till användare som var upprörda över avlivningen av Boxes-fliken. Jag förväntar mig att det kommer att stödjas långt in i 2011 och kanske längre fram.

Läs detta detaljerad artikel om framtiden för statisk FBML och FBML, som innehåller yttranden från ett antal expertutvecklare.

Har du provat bara innehåll på din Facebook-sida? Vad har varit din erfarenhet? Lämna dina kommentarer i rutan nedan.