Tilføj iFrame tabs til din Facebook side (via apps)

For et par uger siden blev Iframe tabs introduceret til Facebook sider. Længe har det været sådan, at indhold i tabs har skulle opbygges via FBML-koder, hvilket jeg også tidligere har skrevet om. Men for få uger siden åbnede Facebook altså op for brugen af Iframes i tabs. Det betyder helt konkret, at du nu kan få stort set ALT placeret på din Facebook side. Umiddelbart er eneste begrænsning størrelsen på selve Facebook siden.

Opsætning af iFrame tabs kan udføres på flere forskellige måder, men jeg har valgt kort at gennemgå hvordan du gør, hvis du benytter en WordPress-løsning til opsætning af dit iFame’ede indhold. Men indholdet kunne i princippet opsættes på mange andre måder.

* Inden du følger nedenstående guide, er det vigtigt at du har opdateret din Facebook-side. Og nå ja, hvis du ikke allerede har en Facebook side skal du oprette en her.

——————

Opsætning af indhold
Her har jeg  valgt at benytte en WordPress-installation til opsætning af indholdet, da jeg har fundet (tak til @shevy) et lækkert plugin der specifikt er lavet til formålet. Fordelen er, at man på den måde kan styre både hjemmeside og ens Facebook side direkte fra én installation. Det bliver ikke nemmere. Desuden giver plugin’et nem mulighed for at opsætte lidt særskilt CSS – SMART! Du kan hente pluginet her. Husk at det indhold du opsætter skal kunne være inden for rammerne af hvad Facebook stiller til rådighed – hvis du ikke vil have scroll, betyder det omkring 510×650 pixel. Du kan dog også tvinge appen til at kunne håndtere højere elementer via et mindre script. Læs hvordan her.

Når pluginet er hentet og installeret er det blot at finde “facebook tabs” i din menu, tilføje en tab og begynde at opsætte indhold. Opsætning af indhold er som man kender det, ved hjælp af WordPress’s teksteditor. Det er altså nemt!

Eksempel på direkte link til indhold: http://blågårdsgade.dk/fbtab/butikker-i-gaden-2/

Lav en App
Nu er det til til at lave din app. Du udfylder alt relevant data, hvilket heldigvis er ligetil. Under fanen facebook integration”, skal man dog holde tungen lige i munden. Her skal man bruge et direkte link til det indhold man har opsat, og HUSKE at læse hvad der står med småt ude i højre side. Hvis du kan læse indenad er du hurtigt videre, og du har lavet din første app. De fleste fejl sker dog netop her, fordi man glemmer at læse hvilke link man skal opsætte (ja, jeg taler af erfaring).

Eksempel på app: http://apps.facebook.com/blaagaardsgade/

Tilknyt app til din side
Gå tilbage til oversigten over din app’s og vælg “application profile page”. Herinde skal du i venstre side finde linket “føj til min side”, vælge din side og vupti…din app er nu tilføjet din valgte side. Tilbage på din side skulle du nu gerne kunne se den nye tab, men dit opsatte indhold.

Eksempel på tab: http://www.facebook.com/Blaagaardsgade?sk=app_140096979337795

——————

Og ja, jeg kunne nok have skrevet en mere pædagogisk guide med billeder, pile og flere eksempler. Men nej, læs indenad og leg selv lidt med det. Og har du alligevel spørgsmål, så fang mig i kommentarfeltet nedenfor eller på http://askhybel.dk/facebook.

12 kommentarer

  1. Pingback: Ask Hybel » Fra idé til liv = 45 min!
  2. Pingback: Ask Hybel » Positioneret Iframe
  3. David Anderberg

    Mega fedt, at du gider blogge om netop dette. For mig (som ikke er den største haj i der her univers, ENDNU) går det galt ved afsnittet ‘Tilknyt app til din side’. Jeg kan først og fremmest ikke finde fanen application profile page. Er dette afsnit måske noget du kunne finde tid til at uddybe og screenshot’e?

  4. David Anderberg

    Endnu engang, fedt! Tak for hjælpen. Vil følge din blog og ser frem til en ny update!

Skriv en kommentar