+ MENY
2010 nov 8
28

Facebook FBML – Visa material endast för fans

När man som företag väljer att exponera sig mot facebook för marknadsföring eller som kommunikationsplattform vill man gärna knyta ”fans” (eller gillare) till sin facebooksida. Här visar jag en enkel kodsnutt till sin FBML flik som kan vara mycket användbar för detta.

Lägga till Facebook FBML – ruta

Du har alltså möjlighet att på din fanpage skapa extra flikar eller rutor där man själv kan styra innehållet med så kallad FBML (facebook markup language) som är facebooks egna kodstandard för användare. Själv ville jag skapa en slags Opt-in (som det kallas på internetmarknadsföringsspråket) där bara användare som gillar sidan kan få ta del av några videos. Poängen med detta är att knyta till sig så många som möjligt som dimper ner på facebooksidan och möjliggöra större spridning. Så nu till en enkel tutorial för detta.

  1. Skapa först en ny FBML ruta till din sida. Man kan bara söka på ”statisk fbml” i sökrutan på facebook och sedan välja vilken sida man vill lägga till den på. Det verkar som man i nuläget bara kan ha en fbml sida per fanpage vilket är lite trist.
  2. Gå sedan till redigera sida –> Applikationer –> och välj att gå till FBML applikationen du just har skapat. Där ser du nu en tom ruta som du kan fylla med egen html kod. I det här exemplet visar jag hur du kan välja att visa en youtube video i FBML rutan endast för de som är fans/gillare.

FBML Koden för att visa endast för fans

Det första vi nu vill göra är att lägga in en kodsnutt för att endast visa videon för fans/gillare. Lägg till följande kodsnutt:

<div id=”wrapper”>
<fb:visible-to-connection>
Du gillar oss!
<fb:else>
<div id=”non-fans”>Tryck på gilla för att se video</div>
</fb:else>
</fb:visible-to-connection>
</div><style>
#wrapper {
width:520px;
margin:0 auto; border:0; padding:0;
position:relative;
}
#non-fans {
width:520px;
position:absolute; top:0; left:0;
}
</style>

I rutan där det står ”du gillar oss inte” placerar du helt enkelt det material/bilder/uppmaningar som du vill att de som inte är fans ännu skall få ta del av. Om de då klickar gilla får de istället se det material som du placerar där det står ”du gillar oss”.

FBML Koden för att visa ett youtubeklipp

I mitt fall ville jag lägga till en youtubevideo på min FBML sida och koden för att lägga till detta är följande:

<fb:swf
swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”
swfsrc=’http://www.youtube.com/v/xxxxxxxxxx’
imgsrc=’http://img.youtube.com/vi/xxxxxxxxxx/2.jpg’ width=’340′ height=’270′ />

Där det står xxxxxxxxxx sätter man det videoID som man vill spela upp, tex ett bra tips eller något som kan få kunden intresserad av just ert företags tjänst. Självklart kan man ändra detta från att lägga upp en video till en länk till en fil eller en länk till en webbplats istället. Det viktiga är förstås att man både knyter till sig en gillare och kan hänvisa kunden vidare till försäljning av en produkt.

28 Kommentarer

  1. J skriver:

    Gillar nya designen! =)

  2. ajeri skriver:

    Hur gör bäst reklam för sin sida, utan kostnad?

    Glad för svar,
    Ajeri

  3. websimon skriver:

    Det viktigaste är förstås att göra något som folk får värde av. Dvs ge ut gratis värde på din facebooksida om de blir gillare. Detta sätt fungerar ganska bra men kan ta lång tid innan du fått upp ruljans. Det är ju lika svårt att gå från 5 till 10 gillare som från 1000 till 2000 om man tänker att alla delar vidare och tipsar enligt en viss procent 😉

    Kämpa på så kommer det, så tänker i alla fall jag att det fungerar!

  4. ajeri skriver:

    tack!:)

  5. Marcus skriver:

    Får det inte att funka :O

  6. websimon skriver:

    Hej Marcus, koden ovan för facebook FBML fungerar fortfarande så kolla alltid att du inte skrivit något fel i den. Det är också viktigt att veta att det ser alltid annorlunda ut för den som är admin på sidan. Du kommer då att se hur det ser ut både för din som är gillare och den som ännu inte är det.

  7. Marcus skriver:

    Hej igen!
    Nu fungerar det. Men bilden som medlemmarna ska se när dom har gillat åker så långt ner. Går det fixa?

  8. websimon skriver:

    Hej! Det kan se lite olika ut i olika webbläsare. Testa om det ser annorlunda ut i chrome, FF, IE och Safari. Ibland verkar det bugga en del. Annars är det såklart jättesvårt att avgöra om det går att fixa då jag inte kan kolla koden…

  9. Andy Svensson skriver:

    Hej på er,
    vet någon hur man får eller gör en ny FBML Applikation som ska ligga i mitt företag: Redigera information > Applikationer > Tillagda Applikationer ?

    Jag hade 2st innan & 1st innan idag & tog bort den. Men nu ser allt annorlunda ut & jag hittar inte vart man lägger in en ny? :S

    http://www.facebook.com/Design.Andy.Sweden

    Tack för hjälpen!

  10. websimon skriver:

    Hej Andy!

    Det verkar alldeles nyligen ha skett en hel del förändringar i upplägget på facebook pages. Jag har precis nyligen börjat sätta mig in i detta. Framförallt är det en ny Iframe funktion som verkar pushas ut en hel del just nu. FBML flikarna verkar delvis ha försvunnit för tillfället. Jag skall sätta mig in i detta lite till och sedan kommer jag säkerligen att skicka ut ngt/några inlägg om saken!

  11. Mattias Persson skriver:

    Hej!

    jag sköter den offíciella sidan för IFK Värnamo som spelar i SuperEttan. Nu är det så att jag har ett litet problem. Har en ”välkomst sida” som ajg gjort med FBML. Vill att den ska visas först när man går in på gruppen, istället för ”info” fliken.
    Vet att Helsingborgs IF har något liknande ( http://www.facebook.com/1907.HIF )

    Skulle du kunna hjälpa mig lite?:)
    Maila helst!

    Mattias Persson

    IFK Värnamo

  12. Andy Svensson skriver:

    Tack Simon! Jag kollade själv runt lite på Facebook igår & fixade till en Hosted iFrame som finns på https://www.facebook.com/apps/directory.php
    Den är väl helt OK – Den heter Welcome på min Design Andy grupp – men jag saknar FBML flikarna. Man kan göra texten/länkarna på olika sätt, jag gillar enkel html men det verkar komma mer & mer med XFBML & det är jag inte hemma riktigt i ännu med deras html text.

  13. websimon skriver:

    Mattias, du har fått ett mailtips!

  14. websimon skriver:

    Nu finns en guide här på bloggen som förklarar facebook Iframe och lite granna kring vad som hänt med FBML flikarna, ni hittar denna guide här.

  15. Lina skriver:

    Hej! Tack för en jättebra sida med handfasta tips! Men… när jag lägger in koden och lägger img src taggar med bilder så visas ingenting… Bara vitt! Texten i den andra taggen för dom som inte gillar syns. Men gillar man, syns den texten också…Vad kan det vara för fel jag gör? Så här ser koden ut:

    Gilla oss! Vi gillar dig!

    #wrapper {
    width:520px;
    margin:0 auto; border:0; padding:0;
    position:relative;
    }
    #non-fans {
    width:520px;
    position:absolute; top:0; left:0;
    }

  16. Lina skriver:

    Hela koden kom inte med:

  17. Lina skriver:

    Åh det verkar inte som att jag kan lägga in koden i kommentarsfältet, hus som helst, efter fb:visible-to-connection och div id=”non-fans har jag lagt en bild…

  18. websimon skriver:

    Hej Lina, du kan maila koden istället. Gå till min ”om” sida så kan jag kika igenom koden om du vill.

  19. websimon skriver:

    Lina: Du har nu en möjlig lösning på dina FBML problem i din inbox, hoppas att de löser sig.

  20. Oskar skriver:

    Hej.
    Jag har sett på vissa sidor att man kan lägga in en bild på ett videoklipp först och sen att det finns en länk på bilden som när man klickat på försvinner och man kan se på det riktiga videoklippet.
    vet du hur man gör det eller finns det nån hemsida där de visas hur man gör?

    //Oskar

  21. websimon skriver:

    Hej Oscar, jag förstår det du menar och antagligen har de lagt in en kod/länk på bilden som gör så att man gillar sidan när man klickar på bilden. Antagligen är det i grunden exakt samma fbml kod som du ser här in inlägget ovan men med skillnaden att man lagt till en extra kod på bilden som visas innan man är gillare.

    Känner för tillfället inte till vilken kod detta är men det kan nog inte vara så svårt att googla upp.

  22. Oskar skriver:

    Okej, tack så mycket:)

  23. Marcus skriver:

    Simon,
    tips hur man kan lösa det med Https inställningen?
    Vissa av våra kunder har HTTPS inställningen i sina webbläsare å kan inte komma in på våra applikationer på facebook.. Har du några tips hur vi kan gå tillväga för lösa det?

    • Simon skriver:

      Hej Marcus, menar du att era kunder har en inställning att blockera eller vara tillåta https eller att ni har era applikationer på ssl krypterad server? Facebook gick för ett tag sedan ut med att den som byggde appar på facebook var tvungna att göra det på säkra ssl sidor. Dock har apparna (Iframe apparna) fungerat ändå. Jag vet inte exakt vad som händer i utvecklingen där just nu.

  24. Marcus skriver:

    Det är kunder som har kryssat i ”säker anslutning (https)” i sina kontoinställningar som har svårt att komma åt..

  25. Rebecca skriver:

    Hej!
    Har fungerar det här nu när det är tidslinjen som gäller? 😀

  26. Kickan Nikolic skriver:

    Hej!

    En fråga, om jag vill ha en youtube klipp som bara fans kan se på min FB sida och följer dina steg, fungerar det då att lägga in koden på en privat youtube film? Är det offentligt kan den ju ses ändå av vem som helst. Eller hur funkar det?
    Tacksam för svar! 🙂

    Med vänlig hälsning, Kickan

Comment