Sådan oprettes Facebook-kun indhold med fanen Reveal: Social Media Examiner

Har du nogensinde spekuleret på, hvordan nogle Facebook-sider kun viser specifikt indhold eller kun tilbyder til fans? I så fald skal du ikke lede længere.

(Vigtig opdatering: Facebook understøtter ikke længere FBML. Der henvises til artiklerne om Facebook iFrame.) En af de mest populære FBML-tags er fb: synlig til forbindelse. En favorit blandt marketingfolk, dette FBML-tag tillader en Facebook-side at vis forskelligt indhold til fans og ikke-fans. Når en ikke-fan klikker på Like-knappen - viola! - indholdet, der ikke er fan, forsvinder, og det eneste indhold til fans erstatter det. Som en metode til at motivere en besøgende til at blive fan af din side kan dette være meget effektivt.

Dette FBML-tag kaldes ofte - og fejlagtigt - som et "hack"; det blev dog oprettet af Facebook at gøre præcis, hvad det gør: "til kun vise indholdet inde i tagget på en brugers eller en Facebook-sides profil, hvis seeren er en brugers ven eller er fan af denne Facebook-side.”

Eksempler på mærker, der kun bruger fans

Der er mange måder at motivere dine besøgende til at kunne lide din side. Her er et par eksempler fra mærker på Facebook:

Levi's lover "øjeblikkelig adgang til eksklusivt indhold."

1-800 blomster tilbyder en rabatkode på 20% på din næste ordre.

Teesey Tees holder det mystisk: "Se hvad aftalen er."

DIGISTORE tilbyder "Rabatkoder, ikke-annoncerede tilbud, gratis månedlige gaver."

Du får billedet. "Vi har godt indhold her, MEN FØRST skal du lide os!"

Selvfølgelig skal du sørg for, at din "teaser" til ikke-fans er tilstrækkelig overbevisende til, at de kan lide din side. Mange sider kræver, at en besøgende bliver fan, før han viser bestemt indhold, men det gør de ikke formidle værdien af ​​indholdet. Teesey Tees, over, kommer meget tæt på dette.

Følgende er instruktioner om, hvordan du tilføjer kun fans til din side.

Føj det statiske FBML-program til din side

Først skal du tilføje den statiske FBML-applikation til din side. Her er en tutorial.

BEMÆRK: Statisk FBML kan kun føjes til en Facebook-side (dvs. forretningsside, firmaside, mærkeside). Det kan ikke føjes til en personlig profil.

Hvad er FBML?

FBML er Facebooks eget proprietære markeringssprog, der gør det muligt for dit faneblad at interagere med Facebook API ("Application Programming Interface"). Det er lige så let at bruge som HTML.

De fleste FBML-tags, inklusive dem, jeg bruger i denne artikel, har et åbningstag og et afsluttende mærke. Indholdet for hvert tag - HTML, CSS og / eller mere FBML - er placeret mellem disse åbne og lukke tags.

Oprettelse af dit kun fans indhold på din brugerdefinerede fane

Når du har tilføjet Static FBML-applikationen, er implementeringen af ​​dette FBML-tag ret let. Den eneste del, der er lidt vanskelig, er at slippe af med det hvide rum, som det eneste fans-indhold skaber, selvom det endnu ikke er synligt.

Facebook bruger “synlighed: skjult”Stil til skjul fanindholdet, indtil brugeren kan lide siden. Denne stilregel er dog stadig forbeholder sig pladsen for indholdet det gør det bare ikke at vise indholdet. Derfor skubbes ikke-fan-indholdet ned på siden! Dette løses dog let med lidt CSS "absolut positionering". Jeg indarbejder denne tilgang i de følgende eksempler.

Koden til FBML-boksen:
__abENT__lt; div id = __ abENT__quot; wrapper__abENT__quot; __abENT__gt;
FANS-KUN INDHOLD GÅR HER
__abENT__lt; div id = __ abENT__quot; ikke-fans__abENT__quot; __abENT__gt; IKKE-FANS-INDHOLD GÅR HER__abENT__lt; __abENT __ # 8260; div__abENT__gt;
__abENT__lt; __abENT __ # 8260; div__abENT__gt;

Som vist ovenfor vil alt faneindhold være indeholdt i "indpakningen" DIV.

åbner dette indeholdende DIV. CSS-typografier anvendes til ID-indpakningen via typografiarket.

Alt indhold til kun fans og ikke-fans er placeret mellem åbningen tag og lukning tag. Dette indhold kan være HTML, FBML og CSS.

Få YouTube Marketing Training - Online!

Vil du forbedre dit engagement og salg med YouTube? Deltag derefter i den største og bedste samling af YouTube-marketingeksperter, når de deler deres dokumenterede strategier. Du modtager trin-for-trin live instruktion med fokus på YouTube-strategi, videooprettelse og YouTube-annoncer. Bliv YouTube-marketinghelt for din virksomhed og kunder, når du implementerer strategier, der får dokumenterede resultater. Dette er en live online træningsbegivenhed fra dine venner på Social Media Examiner.

KLIK HER FOR DETALJER - SALG AFSLUTTER 22. SEPTEMBER!

Indholdet med kun fans kommer først, efterfulgt af indhold, der ikke er fan, der straks følger åbningen FBML-tag.

Ikke-fan-indholdet er indeholdt i og

tags. CSS-typografier anvendes til ID'et "ikke-fans" via typografiarket.

Umiddelbart efter ikke-fan-indholdet lukkes tag efterfulgt af lukningen tag og til sidst

Her er Static FBML-boksen med ovenstående kode, og linket til et eksternt typografiark:

Her er CSS for det eksterne typeark (med eksempel URL):
#indpakning {
bredde: 520 px;
margen: 0 auto; grænse: 0; polstring: 0;
position: relativ;
}
# ikke-fans {
bredde: 520 px;
position: absolut; top: 0; venstre: 0;
}

Dit eksterne stilark skal have kun CSS-stilreglerne. Medtag ikke … tags!

Hvis du ikke kan bruge et eksternt typografiark

Hvis du ikke har en server, hvor du kan uploade et separat typografiark, kan du "Inline" typografierne i HTML-tags. Selvom dette ikke er ideelt, er det en mulighed, hvis du ikke kan oprette et separat typografiark, hoste det på en server og linke til det med tag.

Her er ovenstående eksempel med typografierne for tags inline (bemærk, at vi ikke har brug for id'erne, hvis vi bruger denne tilgang):

Test og fejlfinding

Test og fejlfinding af dette særlige FBML-tag er lidt vanskeligt, fordi når du er logget ind som en bruger, der er sideadministrator, vil du se både indhold til kun fans og ikke-fan, når fanen vises.

• Opret en brugerkonto til test: Den mest effektive måde at teste på er at oprette en Facebook-konto til kun at teste eller bruge en vens eller en kolleges konto. (Oprettelse af en ny personlig profil til test kan være i strid med Facebooks servicevilkår - Se nr. 4, Registrering og kontosikkerhed - selvom det er gjort med gode intentioner.) Du kan være logget ind på Facebook som en bruger (admin-kontoen) i en browser og logget ind som testkonto i en anden browser (jeg bruger Firefox og Safari). Derefter behøver du ikke fortsætte med at logge ind og ud af Facebook som administrator, derefter som tester osv.
  Når du tester, skal du skift frem og tilbage mellem at lide og ikke lide en side. I modsætning til en side skal du klikke på fanen Væg. Nær bunden af ​​den venstre kolonne på væggen ser du "I modsætning til":
  
  Klik på dette for at modsætte siden, og du kan klikke på knappen Synes godt om for at lide siden igen. Gentag efter behov.

• Brug et eksternt stilark, IKKE inline typografier:Mest browsere viser din side korrekt, hvis du har lagt CSS ind med tag, men IKKE Internet Explorer 8!
  Fordi millioner af mennesker bruger netop denne browser, skal din CSS være i sin egen fil (med filtypenavnet ".css") og der henvises til fra din FBML-side med. Du skal have denne fil hostet et eller andet sted på nettet, hvor du kan linke til den.

• Dobbeltkryds alle webadresser: Hvis der ikke vises eller åbnes nogen filer (billeder, CSS osv.), Skal du sørge for at teste URL'erne til disse filer direkte i din browser, ved at skrive eller indsætte URL'en i adresselinjen for at sikre, at du har adgang til filen direkte.
  
  Hvis du ikke kan få adgang til filen direkte, er din URL forkert.

• Kontroller for korrekt syntaks: Sørg for, at webadresser er omgivet af matchende citater (enkelt eller dobbelt er fint, men de skal matche), og at de er almindelige tekst, lige op og ned citater (ikke "fancy" eller "krøllede" citater).

• Tjek din fane i de mest populære browsere og på Mac OG Windows: Du vil være sikker på, at din fane vises korrekt i de mest populære browsere (Firefox, Internet Explorer, Safari og Chrome, i det mindste) og på både Mac og Windows. Hvad der vises godt i Firefox, Chrome og Safari, vises muligvis ikke (og ofte ikke) i Internet Explorer.

Hvad med Facebooks meddelelse om at dræbe FBML?

Den 19. august 2010 Namita Gupta annonceret den forestående udfasning af FBML. Jeg forventer dog, at understøttelse af Static FBML og fb: synlig til forbindelse tag vil være på ubestemt tid. Static FBML er Facebooks egen applikation, og de tilbød kun få måneder siden Static FBML-brugerdefinerede faner som en trøstepræmie til brugere, der var fortvivlet over aflivningen af ​​fanen Boxes. Jeg forventer, at det vil blive understøttet langt ind i 2011 og måske ud over det.

Læs dette detaljeret artikel om fremtiden for statisk FBML og FBML, som inkluderer udtalelser fra en række ekspertudviklere.

Har du prøvet kun fan-indhold på din Facebook-side? Hvad har din oplevelse været? Efterlad dine kommentarer i feltet nedenfor.