Statisk FBML og kodetips til Facebook

Posted By on 27 apr, 2011 | 9 comments


Med Facebook kan du fremme kendskabet til dit produkt og styrke den virale effekt. Du har masser af muligheder for at dirigere Facebook-brugere til din virksomheds hjemmeside eller blog.

Som sagt så ofte før er det ikke antallet af fans, der er altafgørende for din succes på Facebook. Det er antallet af loyale og aktive følgesvende, der holder din Facebookside i gang og fremmer omtalen af dit produkt. Aktiviteten afgør om din Facebook-side er interessant og værd at holde øje med.

Derfor skal du sørge for at poste relevante indlæg, følge op og lytte. Men du skal også sørge for, at din Facebook-side har interaktivt indhold – det vil sige indhold, der kan klikkes på.

I indlægget her finder du genveje til statiske FBML-koder til din Facebook-side og links til installation af FBML.

Installér FBML ved at følge rækken af links herunder

Du kan installere i alt 10 FBML-applikationer til din Facebook-side.

FBML 1: http://www.facebook.com/add.php?api_key=fdfd01c9df7d644a68a4e989ae861e44&pages
FBML 2: http://www.facebook.com/add.php?api_key=0985a6f69c916b303dc0641527e4d78a&pages
FBML 3: http://www.facebook.com/add.php?api_key=4388c0c374edd1e6614cb63e3ddcfc72&pages
FBML 4: http://www.facebook.com/add.php?api_key=cfe034c961c518a2f1f30211491cf564&pages
FBML 5: http://www.facebook.com/add.php?api_key=664f406ac4b8414d4342a54bce9144c5&pages
FBML 6: http://www.facebook.com/add.php?api_key=c6e408f4ee52a337d8517cc1a30c1671&pages
FBML 7: http://www.facebook.com/add.php?api_key=efe45acd19c56415d918d4a4afb74e72&pages
FBML 8: http://www.facebook.com/add.php?api_key=0ac2d41cadc9aa04de9691384825412a&pages
FBML 9: http://www.facebook.com/add.php?api_key=b58e3691fc6a6da377187cc6afd46d2f&pages
FBML 10: http://www.facebook.com/add.php?api_key=d2182fe10890bbfe8002bbdb6b6954ab&pages

Kilde: pkecompany.blogspot.com og developers.facebook.com/docs/reference/fbml/swf/

Gå til “Rediger side” og vælg applikationer. Find din FBML-applikation.

Indlejring af YouTube-videoer

Når du klikker på integrer-knappen under video i YouTube, får du en indlejret kode, som du skal bruge til at indsætte den pågældende video. Men i tilfælde af integrering af YouTube-video på Facebook-side, virker standard HTML-koden ikke. Videoen til Facebook kan kun integreres på følgende måde. Copy-paste-koden nedenfor ind i din FBML. Husk at erstatte xxxxxx med YouTube videoens ID, før du gemmer.

<fb:swf swfsrc=’http://www.youtube.com/v/xxxxxx’ imgsrc=’http://img.youtube.com/vi/xxxxxx/default.jpg’ width=’480′ height=’360′ />

At vise særskilt indhold til fans og indhold til ikke-fans

Indhold der kun er synligt for fans, kan hjælpe til at gøre flere ikke-fans nysgerrige til at give et “Synes godt om” til din side. På den måde kan du også lokke flere fans til. Brug FBML-koden nedenfor til at gøre indhold usynligt – og synligt.

<fb:fbml version=”1.1”>
<fb:visible-to-connection>Kun synligt for fans!
<fb:else>Synligt for ikke-fans</fb:else>
</fb:visible-to-connection>
</fb:fbml>

Inviter venner

Tilføjelse af en “Inviter ven” nederst på din velkomstside giver dine fans mulighed for nemt at invitere venner.
Brug følgende kode i FBML-boksen til at indsætte en “Inviter ven” på din Facebook-side.

<fb:request-form method=”post” type=”invite” invite=”true” content=”Kig ind på vores Facebook-side”>
<fb:multi-friend-selector actiontext=”Fortæl dine venner om vores Facebook-side” showborder=”false”/>
</fb:request-form>

Tilføjelse af en kommentarboks

Tilføjelse af en kommentarboks på din Facebook-side, eller en tilføjelse til for eksempel fremhævede produkter på din side, gør det lettere for dine fans at udtale sig om dine produkter. Du kan bruge følgende FBML-kode til at indsætte en kommentarboks.

<fb:comments xid=”Chokoladeis” canpost=”true” showform=”true” candelete=”false” numposts=”3” returnurl=”http://www.facebook.com/DinSide/FBMLchokoladeis”>
</fb:comments>

Tilføjelse pop-up-dialogboksen

Pop-up-dialogboksen bruges til at give brugeren en kort beskrivelse, hver gang der navigeres henover et bestemt link på din Facebook-side. For eksempel hvis du bruger pop-op-boksen på linket “Kontakt”, vil det vise et popup-feltet, når musen navigeres henover. Klikkes der på linket, dirigeres din fan naturligvis til kontaktsiden.

<fb:dialog id=”dialog” cancel_button=1>
<fb:dialog-title>Kontakt os</fb:dialog-title>
<fb:dialog-content>På vores kontaktsider finder du alle kontaktoplysninger.
Vil du vide mere?</fb:dialog-content>
<fb:dialog-button type=”button” value=”Yes” href=”http://www.dinside.dk/kontakt” />
</fb:dialog>
<a href=”#” clicktoshowdialog=”dialog”>Klik her</a> og læs mere.

Indsættelse af Flash-indhold

Indsættelse af Flash-indhold på din Facebook-side er ligesom at indsætte YouTube-videoer. Brug flash-filens URL i swfsrc og brug billedets webadresse ved “img src” som det billede, der skal vises, før din flash.

<fb:swf swfbgcolor=”000000” swfsrc=’http://dinside.dk/file.swf’ imgsrc=’http://dinside.dk/billede.jpg’ width=’760” height=’920” />

Tilføjelse af en dele-knap

Dele-knappen på din Facebook-side giver dine fans en nem måde at dele en bestemt FBML-side. Du kan bruge følgende FBML-kode til din boks.
Du kan se eksemplet på Mit Løbeprogram på Facebook, hvor jeg netop er i gang med at sætte en Facebook-side op og får afprøvet forskellige FBML-koder.

<div id=”share”>
<fb:share-button class=”meta”>
<meta name=”title” content=”Mit Løbeprogram”/>
<meta name=”description” content=”Følg Mit Løbeprogram på Facebook”/>
<link rel=”image_src” href=”http://www.mariannebrahe.dk/Facebook/jpg.jpg”/>
<link rel=”target_url” href=”http://www.facebook.com/pages/Mit-L%C3%B8beprogram/147485101971544″/>
</fb:share-button>
</div>

9 kommentarer

  1. tusind tak for den kanon beskrivelse som er til at forstå.. jeg kunne godt tænke mig at tilføje et billede til min FBML side, kan jeg det på nogen måde? Jeg har eget webhotel og kan lægge mit billede der.

    Post a Reply
    • Hej Christina,
      Godt at høre, du kan bruge guiden. Når du har uploadet billedet til dit webhotel, skal du kopiere stien til billedet og indsætte den i et html-tag på din FBML-side:
      img src=”http://www.ditdomæne.dk/images/facebook/billede.jpg”. Det er den nemme måde at gøre det på, da du også har mulighed for at lægge interaktivitet på m.m.
      Husk at billedet højst må være 520 pixels i bredden.

      Post a Reply
  2. Super gode tips du har her på din side. Virkelig gode guides. Marianne ved du hvordan man lægger et billede bag en tekst. Vil gerne lægge et billede bag tilmeldingsformularen til vores nyhedsbrev, som vi er ved at lægge op på et faneblad på siden. Er det noget med background og så billedet?

    tak for super side.

    Susan

    Post a Reply
    • Tak skal du have, Susan. Det er godt at høre, at mine guides kan bruges til noget. Hvis du vil have et baggrundsbillede ind i FBML eller en Facebook-applikation, kan du tjekke kildekoden på denne iFrame. Det er en iFrame, som kører i min webshop, men som vises på Facebook. http://www.funandalive.com/konkurrenceJul.htm. Her har jeg brugt simpel HTML.

      God fornøjelse 🙂

      Post a Reply
  3. Fin side, har et enkelt spørgsmål, hvor ser jeg min yuotube videos id… Kan ikke få det til at fungere.
    Det er jo ikke bare linket…?

    Post a Reply
    • Hej Christina
      Video-id’er på YouTube finder du nemmest ved at læse i URL’en. Tag for eksempel: youtube.com/watch?v=x0QlHZ_tfOw
      Denne videos id er: x0QlHZ_tfOw
      Hvilke koder får du fejl på? Drejer det sig kun om YouTube-eksemplet? Hvis du kan forklare lidt nærmere, så kigger jeg gerne på det.

      Post a Reply

Send kommentar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

Pin It on Pinterest