Tagget med: FBML

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.

Live video/lyd via smartphones

Faldt i dag over et spændende produkt til deling af livevideo via smartphones. Qik.com er navnet, og det virker i den grad! Konkret opretter man en profil på qik.com hvortil man opsætter en live-kanal til videovisning, eller snupper den indlejringskode systemet stiller til rådighed. Indlejringskoden kan indsættes som man kender det fra Youtube, så man hurtigt kan opbygge en live-kanal på eget website – som jeg har gjort nedenfor.

Når du har oprettet en profil på qik.com er næste skridt, at hente den tilhørende app til din telefon. Åben d.qik.com med din telefons browser og download app’en. Den koster 18 kr. Når du har hentet app’en er du parat til at gå live! Log ind med dine nyoprettede kontooplysninger, og begynd deling. Eneste du skal være opmærksom på er, at det kræver en hurtig trådløs forbindelse.

Produktet åbner op for rigtig mange muligheder, og blandt andet livevideo på Facebook-sider, som er noget jeg skal lege med i weekenden – når/hvis sidstnævnte lykkes, skriver jeg selvfølgelig FBML-koderne nedenfor i kommentarfeltet.

Ifølge min webven Shevy er qik.com dog et gammelt produkt, men hva…det er nyt for mig :) Og helt nyt er det i hvert fald at Skype har opkøbt qik.com for ganske nyligt. Et opkøb der helt sikkert hænger sammen med et marked der er modnet, i teknisk forstand. Tidligere har videokvalitet og nethastighed nemlig været en begænsende faktor – det er det ikke længere…

Sider på Facebook (FBML)

I forrige uge oprettede jeg en Facebook-side i tilknytning til askhybel.dk. Nogen vil nok tænke, at det da er en lille smule narcissistisk. Og ja…det kan jeg ikke løbe fra, men der er heldigvis også andre bevæggrunde for siden. Først og fremmest har jeg ville opbygge et sted på Facebook hvor jeg kan dele mine blogindlæg og generelle webtanker – ligesom jeg gør det fra Twitter. På den måde slipper mine bekendte på min private Facebook-profil for, at følge alle mine fagrelaterede opdateringer – for de er heldigvis ikke alle lige så nørdede som mig! Men en mere strategisk overvejelse har været, at det var på tide at lære mere om hvordan Facebook fungerer. Denne lørdag formiddag har emnet været hvordan man koder statiske sider via Facebook Markup Language (FBML). En smule sent, da Facebook på nuværende tidspunkt er ved at omstrukturere en del på det område. Eller som de selv skriver; we are in the process of deprecating FBML.

Men så kan jeg om muligt være med, når næste bølge rammer. For jeg er ikke i tvivl om, at individuelt opbyggede hjemmesider inde i Facebook’s univers på en eller anden måde er et fremtidigt scenarie. Det kan man mene om hvad man vil, men det er noget man som webbureau skal forholde sig i fremtiden. Facebook har brugerne, og kan derfor definere rammerne for meget fremtidig udvikling. Facebook er altså ikke til at komme uden om, hvad enten man vil eller ej. Money rules…

Helt konkret har jeg på nuværende tidspunkt integreret et Flickr Slideshow, dele funktionalitet og almindelig tekst/billeder på de statiske sider på min Facebook-side. Det næste jeg leger med er brug af video’er fra Youtube og Vimeo. Det er ikke komplekst, jeg har bare intet relevant indhold at lægge på min Facebook-side. Mere komplekst er dog brug af JavaScript, som jeg kæmper en del med. Hvad jeg præcist har i tankerne må vente lidt, men hvis min idé lykkes er der selvfølgelig en deler på vej. I det hele taget følger det snart et par miniguides omkring ombygning af Facebook-sider.

Har du spørgsmål er du selvfølgelig velkommen til at kommentere på indlægget – jeg deler gerne mine erfaringer løbende.

↓↓↓ Du kan følge mig på Facebook ved at trykke synes godt om!