Når sociale medier gør en forskel

De fleste folk i webverdenen kender historierne om hvordan sociale medier har været medvirkende til regimers fald og andre monumentale begivenheder. Det er historier, som kan beskrive det potentiale der implicit ligger i de sociale medier. Men når man som rådgiver er ude hos kunder og bliver spurgt til egne konkrete resultater – så bliver der ofte stille. Det er voldsomt nemt at forklare potentialerne, men langt sværere med de virkelig resultater. Først og fremmest fordi mange har svært med at opsætte konkrete og målbare succeskriterier, men også fordi sociale medier i des natur simpelthen er svært målbare. For hvordan styrer og måler man det, der kun er en succes når er der ud af kontrol? Det fik jeg afprøvet i ganske konkret form i den forløbne uge.

Animeret af et opråb fra en lokal forretningsdrivende søsatte jeg onsdag aften en indsamling, der havde til formål at indsamle 24.431 kr hen over 3 hverdage. Ejeren af det lokale antikvariat i Blågårdsgade var kommet bagud med moms og SKAT stod parat i kulissen for at dreje nøglen om og lukke butikken. Da jeg styrer hjemmesiden blågårdsgade.dk valgte jeg den som udgangspunkt for indsamlingen, men med ekstremt fokus på Facebook og i mindre grad Twitter. Sjældent har jeg set noget gå stærkere. På under 48 timer fik vi indsamlet det fulde beløb, og lidt til.

Artiklen på blågårdsgade.dk er blevet delt over 500 gange via Facebook og på Twitter har de første 50 mennesker delt historien videre. Løbende har jeg holdt de mange der følger Blågårdsgade’s side på Facebook orienteret om indsamlingen – hvilket har betyder et enormt antal kommentarer inde på siden. Alt i alt kan jeg på bagkant konkludere, at det lykkedes mig at animere en viral bølge som gav et konkret og brugbart resultatet. Forretningen er reddet og kan leve videre. Et dejligt konkret resultat, at skrive på cv’et.

Omkring 90 mennesker har valgte at donere penge, og jeg må indrømme at jeg stadig ikke helt fatter det. Det gør mig virkelig glad, at flere havde det som mig -   en forretning kan sagtens være fremragende, selvom den ikke er rentabel. Nogle gange skal succes nemlig måles lidt mindre konkret. Tak for støtten til alle.

Omtale

Sjov email fra kunde!

Når man arbejder som rådgivende konsulent, er de fleste dage med fuld fart. Det er ikke alle der bryder sig om tempoet, og derfor hører man ofte om folk der helt dropper branchen. Nogle gange smutter de dygtigste på den bekostning. Og da jeg så godt som altid har småtravlt, er der mange bekendte der spørger om jeg trives og ikke ofte er stresset. Men nej, jeg har indtil videre ikke oplevet stress tæt inde på livet – har travlt i perioder, men aldrig på en negativ måde. Hvorfor? Tror meget det handler om at tage ens arbejdet ovenfra og ned, men måske vigtigst … at huske legen og humoren. Nogle gange kommer humoren ind i hverdagen fra uventet kant. Som da jeg modtog nedenstående mail fra en større kunde i det offentlige, efter jeg uden held havde prøvet at fange vedkommende hen over et par dage.

Hej Ask

Min kone blev sur igår. Hun havde ringet til mig og SMS’et hele eftermiddagen uden at jeg havde taget telefonen. Jeg må konstatere, at lommeuld er en glimrende lydisolator. Så hvis du har forsøgt at ringe til mig på mobilen, så må jeg beklage at det ikke er lykkedes. Det kan være sket mens jeg lå i skunken i et virvar af isolering – der klør ad helvede til – og borede et 12,7 cm stort hul i gulvet. Har du nogensinde forsøgt at bore et hul på 12,7cm med et kopbor gennem gulvbrædder der er over 100 år gamle – og MEGET tørre? Min 900w boremaskine tog magten fra projektet sidst jeg prøvede og igår forsøgte jeg at undgå at maskinen forstuvede min venstre hånd eller ødelagde mere end godt er. Det foregik 10cm under et skiffertag og alt for nær ved centralvarme rør. Det lykkedes en times tid senere under anvendelse af alverdens eder og forbandelser undgik jeg ulykker denne gang. Derefter tog elektriker al strøm i huset hele eftermiddagen. Det var en GOD dag!

Idag på arbejde – stille og roligt – og også i morgen. Torsdag igen håndværkere – som skal bruge mit 12,7cm hul.

/Anonym

Sådan mails ville jeg gerne modtage lidt flere af … de bringer smilet frem og kan redde selv dem mest grå hverdag. Tak anonyme kunde!

< head > metadata < / head >

Var ude og cykle med et par stykker fra det nyoprettede netværk Web’ike i går. Det blev en hyggelig tur Ama’r rundt – midt mellem den almindelige tjit-tjat fik vi i et splitsekund talt om metadata. Derfor et lille indlæg om noget af det metadata man finder i min header her på siden. Altså ment som lidt inspiration!

Facebook

  • <meta property=”og:description” content=”Et indlæg af Ask Hybel ‐ Rådgiver hos Advice Digital | Husk også at følge med på Facebook: http://askhybel.dk/facebook …” />
  • <meta property=”og:image” content=”http://www.askhybel.dk/wp-content/uploads/2010/04/n702077463_2251493_797-225×300.jpg” />

Ovenstående styrer hvilken tekst/billede der bliver hevet med over på Facebook, når man deler eller synes godt om et indlæg. Læs mit indlæg om deling på Facebook …

Google

  • <meta name=”description” content=”Ask Hybel beskæftiger sig med rådgivning inden for digital kommunikation og -forretning | Email: askhybel@gmail.com – Mobil: +45 31534271” />

Styrer hvilket tekst der står i Google’s søgeresultatet mellem titel og URL.

Iphone

  • <link rel=”apple-touch-icon” href=”http://www.askhybel.dk/wp-content/uploads/2010/04/n702077463_2251493_797-225×300.jpg”/>
  • <meta name=”apple-mobile-web-app-capable” content=”yes” />

Den første linje styrer hvilket billede, der bliver brugt til ikonet man kan placere på ens IOS hjemmeskærm. Den anden linje styrer, at man ikke får adresselinjen at se, når man tilgår hjemmesiden via førnævnte ikon på ens hjemmeskærm. Læs mere om Iphone metadata …

Jeg har ikke opsat et favicon, og det er helt bevist. Men bud på andet sjovt/skævt metadata tages imod med kyshånd ✔

Web’ike – et fagligt og socialt netværk

Efter min medvirken i Berlingske Talent 100, blev jeg efterfølgende inviteret ind i Netværk Danmark samme med de andre 99 nominerede. Vi var forbi til en præsentation af netværket for et par uger siden, og jeg skal indrømme at det havde potentiale – men alligevel fangede det ikke. Historierne om hvad man ville kunne få ud af sådan et netværk fremstod en smule gammeldags i mine øre. Jeg er vokset op i netværkssamfundet, og fik ikke præsenteret noget revolutionerende nyt. Og jo … der var gode og interessant kontakter i blandt de andre nominerede, men jeg har generelt aldrig haft svært ved at finde ligesindede. Det svære er derimod at få ens mange kontakter til at blive mere end netop bare kontakter. Men her tror jeg langt mere på en faglig og personlig indgangsvinkel, end en generel. Herudover ligger det ikke til min natur at netværke så direkte strategisk.

I en arbejdsverden hvor fritiden er ofte er en begrænset ressource, kan være svært at få tid til at dyrke sine faglige netværk – derfor kom jeg i sidste uge på et nyt koncept. Web’ike; et netværk for folk der elsker at cykle lige så meget som de elsker at arbejde med web. For har længe lagt mærke til, at jeg er ikke er alene om netop den kærligheds-kombination, så hvorfor ikke slå to fluer med ét smæk. Og et netværk der bygger på fælles kærlighed, det må være noget værd. I første omgang er det bare et forsøg, men 20 personer har allerede valgt at følge netværket, som har fået liv på Facebook. Og hvilke 20! Der er mange spændende personer repræsenteret, blandt andet folk fra: Advice, Advice Digital, Bysted, Cabana, Codehouse, Contentcube, Dynamic Mobile, Eksponent, Mindjumpers, Peytz & Co, Tangora, Wemind og Wosju. Jeg kender ikke alle i forvejen, men glæder mig til at møde hver og en – iført spandex!

Og ja, alle er velkomne i netværket – hvor der ikke findes kontingent eller andre stopklodser. Det er de fælles interesser der driver værket, hvorfor eneste krav er aktivitet. Uden aktivitet lever netværket ikke. Håber vi ses på sporet eller på landevejen.

Positioneret iframe

For nyligt stiftede jeg bekendtskab med et CMS-system, hvor det var muligt at klippe en iframe-ramme ud fra eksterne websites og indsætte i ens eget indhold. Det blev jeg nødt til at finde ud af hvordan var gjort, og det viste sig heldigvis at være ret simpelt at opsætte manuelt. Man skal blot lave et par nye div’er til ens css, som skal styre den indre og ydre del af iframen. Og herefter er der kun tilbage at opsætte selve iframen på ens side. Totalt oldschool, men det giver blandt andet god mening når man leger med Iframe App’s til Facebook.

Jeg har oprettet et eksempel på http://blågårdsagde.dk/tilsalg hvor jeg iframer indhold fra Boliga’s kortløsning, således at jeg kan vise de lejligheder der er til salg i lokalområdet uden selv at skulle lege direkte med data – jeg har selvfølgelig også lavet en iframe app på Blågårdsgade’s side på Facebook, nu jeg var i gang. Og ja, du kan iframe hvad som helst! Nedenfor kan du se hvordan jeg har kodet det pågældende eksempel.

Iframe kode

<div id=’ydrediv’>
<iframe src=”http://www.boliga.dk/kort.aspx?guid=53753711-69a6-408b-a246-55cff5fe10c3″ id=’indreiframe’ scrolling=no></iframe>
</div>

CSS

#ydrediv
{
width:500px;
height:720px;
overflow:hidden;
position:relative;
}

#indreiframe
{
position:absolute;
top:-380px;
left:-620px;
width:1280px;
height:1450px;
}

Fight For Your Right – Revisited

Jeg har altid været stor fan af musikvideoer, og i de første teenageår var noget af det bedste derfor at se Yo! MTV Raps sammen med vennerne – optaget på videobånd, så de enkelte afsnit kunne ses om og om igen. Det var her jeg første gang stiftede bekendtskab med Beastie Boys. På det tidspunkt et meget atypisk navn på den amerikanske hip-hop scene. De var hvide og havde rødder i rock/punk. Men deres musikvideoer var måske alligevel det der skilte sig mest ud.

Beastie Boys har netop udsendt ny single med tilhørende musikvideo – en af de fedeste videoer jeg har set meget længe. 30 minutters ren nydelse … så selvom emnet ikke er helt så webrelateret som det plejer at være her på bloggen, tænkte jeg at video’en var en deler værd.

Hvem synes godt om?

I begyndelsen af året lavede jeg en side på Facebook, og nej … ikke fordi jeg er specielt selvfed. Men fordi jeg, som del af et nytårsforsæt, havde lovet mig selv at fagspamme mindre fra min private profil på Facebook. En god idé kan jeg se nu, for næsten INGEN bekendte fra min private profil er rykket med over på siden. Synes godt om har til gengæld en række web- og kommunikationspersonligheder, hvilket jeg er både glad og stolt over. Jeg håber og tror, at det er fordi jeg løbende deler interessant indhold.

Blandt de personligheder der følger min skriverier på siden er;

Bo Juni, Direktør hos Advice Digital
Ronni Egeriis Persson, Seniorudvikler hos Contentcube
Kenni Odelheim, Webassistent hos Urban/Berlingske
Karen Høgh, Social Media og APP koordinator hos Nordisk Film
Helle Uth, Projektchef hos Komfo
Kim Elmose, Webredaktør hos IDA
Christian Winther, CTO hos Nodes
Jonas Juhler Hansen, Online Manager, WWF Verdensnaturfonden
Madeleine De Maré, Webkoordinator hos Erhvervs og Byggestyrelsen
Klaus Ibsen Bloch, Kommunikationschef hos kvindeklinikken
Dennis Green-Lieber, Creative Technologist hos TRIPLE LBi
Michael Schønberg, Chefkonsulent hos Bonnier Magazine Data
Michael Andreas Hansen, Stifter af Komfo
Kirstine Askholm, Projektleder hos Computerspilzonen
Christoffer Grann, Webkonsulent hos Danske Fysioterapeuter
Thomas Nørgaard, IT Special Konsulent hos Koncernservice
Jesper Bülow Andersen, Grafisk designer hos adServing
Dave Tuladhar Holmfred, Grafisk designer hos Rel8ted
Phong Lam, Softwareudviklier hos Cabana A/S
Claus Bruun, Lead Technologist hos Brandhouse Digital A/S
Luise Jørgensen, Informationskonsulent hos Lærerstandens Brandforsikring
Mai Manniche, Ejer af Jewlscph
Denice Brun, E-concept developer hos Danmarks Radio
Camilla Ley Valentin, CCO og Co-founder hos Queue-it
Kasper Kari, Change manager hos Koncern IT
Lene Skovsen, Seniorkonsulent hos Deloitte, IT Services
Martin Ingolf, Redaktør hos renfri.dk
Bo Vincent Thomsen, Konsulent hos Silverbullet A/S
Bugge Lützhøft, Ejer af One Million Monkeys
Mille Kristine Klink, Kommunikationsrådgiver hos Advice A/S
Jens Christophersen, Salgskonsulent hos Zupa
Pernille Honoré, Chef for digitale medier hos Danmarks lærerforening
Oliver Newton, Marketingkoordinator hos Tangora Software
Christian Langballe, Projektleder hos Creuna
Fabijana Popović, Kommunikationsrådgiver hos Stressfonden
Louise Oksholt, Marketingskoordinator hos Qbrick/Arkena
Nels Kühnel, Softwareudvikler hos Eksponent
Karin Høgh, Ejer af PodConsult
Helene Brinkgaard, Koordinator hos Ørsted Udvikling & Ledelse
Henrik Andersen, Digital director hos Venstre
Signe Kamper Henriksen, Kommunikationsrådgiver hos Communiqué
Camilla Bruun Jakobsen, Digital projektleder hos Konkurrence- og Forbrugerstyrelsen
Andreas Klein Arnbjerg, Online Konsulent hos Sansir
Astrid Schmeltzer Dybkjær, Kommunikationskonsulent hos Advice A/S
Casper Knudsen, Social Media Officer hos Activista International
Mads Cramer, Kommunikationskonsulent hos Advice A/S
Simon Oxby, Webmaster hos Dansk Metal
Torben Heikel Vinther, Kommunikationskonsulent hos Bispebjerg Hospital
Sascha Jespersen, Art director hos Openminded
Jannik Vestmar, Ejer af Hangloose Film
Anders Bendix Kiel, Ejer af BendixKiel
Kåre Mulvad, Ejer af Dejlig Lama
Charlie Breindahl, Webmaster hos CFD og ekstern lektor ved KU og CBS
Henrik Bay, Chefredaktør på Urban
Lykke Leonardsen, Områdechef for Strategi og Myndighed, TMF / KK
Mads Fuhr Frederiksen, Digital planlægger hos Reputation Cph
Mark Thomsen, Direktør hos Advice Digital
Jesper Lund Hansen, Softwareudvikler hos Eksponent
Linse Daugaard, Chefproducer, net- og mobilforretninger hos Nordjyske Medier
Kristian Grove Møller, Freelance ACD hos Sid Lee
Charlotte Kiehn Rosell, Online projektleder hos Pandora
Niels Mølbjerg Lund Pedersen, Rådgiver hos Advice Digital
Thomas Jeppesen, Forretningsudvikler hos Danske Bank
Sofie Saxtoft Højlund, Ledelsesrådgver hos Saxtoft Relationsudvikling
Sara Schelde, Marketingkoordinator hos ArtRebels og stifter af We Unite
Claus Mackinney-Valentin, Seniorrådgiver hos Advice Digital
Phong Lam, Softwareudvikler hos Cabana A/S
Benjamin Rud Elberth, Webchef for Socialdemokraterne
Anders Hooge, Kommunikationskonsulent hos Trafikstyrelsen
Nicklas Herholdt, Frontendudvikler hos Cabana A/S
Bjørn Borre, Chefkonsulent hos IT-Branchen
Jonas Heide Smith, Webredaktør hos Det Danske Filminstitut
Christian Dalager, Softwareudvikler hos Eksponent
Marta Karolina Olsen, Rådgiver hos Advice Digital
Mikael Lemberg, Facebook Analytiker hos Komfo
Jesper Lehrmann, Partner hos Deform Aps
Mads-Peter Jakobsen, Web- og udviklingskoordinator hos Forbrugerstyrelsen
Søren Bo Basselbjerg, Kampagneleder hos Styr for International Uddannelse
Katrine Bartram Reinert, Webmanager hos Opgang2
Katrine Granholm, Lektor på Danmarks Medie- og Journalisthøjskole
Morten Engmark, Ejer af Eventbureauet
Rasmus Nutzhorn Viemose, Administrerende direktør hos Contentcube Aps
Kasper Hulthin, Medejer og -grundlægger af Podio
Sten Hougaard, Frontendudvikler hos Bleau A/S
Morten Tjerrild Steinbach, User Experience konsulent hos Creuna
Laura Rosendahl Schnedler Jul, Konceptudvikler hos Peoplegroup
Benny Engelbrecht, MF for Socialdemokratiet
Jeppe Kruse, Webwizard hos Jeppe Kruse
Iben Friis Sørensen, Webredaktør i Københavns Kommune
Anna Sofie Brill Jørgensen, Konsulent hos Komfo
Louise Grau, Projektleder hos Kforum
Peter Thielst Jessen, Senior Art Director hos Advice A/S
Jesper Højberg Christensen, Bestyrelsesformand for Advice Netværk A/S
Pia Hegner, Kampagneleder hos Styrelsen for International Uddannelse
Toño Capuleto, Softwareudvikler hos Obligado
Jesper Petersen, Medejer og direktør hos Advice Digital
Claus Jensen, Softwareudvikler hos Eksponent
Andreas Vestergaard, Webmanager hos Dynamic Web
Lars Wiedemann, Rådgiver hos Advice Digital
Rune Mejlvang, Webkonsulent hos Frederiksberg Kommune
Birgitte Hjort Nielsen, Webredaktør for Transportministeriet
Jan Futtrup Kjaer, Ejer af Social Semantic
Jan Farberov, Softwareudvikler
Mikkel Bundgaard-Ovesen, Softwareudvikler hos Eksponent
David Koch Mouritzen, Medejer af City Riders

Du kan følge med her: http://askhybel.dk/facebook

Deling på Facebook | MetaData

Forleden blev fik jeg en mail fra en af bloggens læsere, der var nysgerrig på hvordan jeg styrer hvad der bliver delt på Facebook når man synes godt om et af mine indlæg her på sitet. Det er nemlig opsat lidt anderledes end normalt – test ved at synes godt om dette indlæg, og tjek din væg på Facebook!

Normalt vil der ske det, at Facebook automatisk snupper (scraper) titel, beskrivelse og billeder efter følgende opskrift; titel kommer fra <title></title>, beskrivelsen kommer fra meta-description subsidiært første <p></p> på over 121 tegn og billeder over en vis størrelse hentes. Det er i de fleste tilfælde en helt fin model, men her på sitet har jeg gerne ville styre billede og beskrivelse.

Det kan gøres med nedenstående meta-tags, der overtrumfer de almindelige regler. Nedenstående er altså specielle meta-tags, der kun fungerer i forbindelse med deling på Facebook – følgende kan derfor fungere sideløbende med dit sites almindelige meta-tags. Tags’ne skal indsættes i <head></head>.

  • Titel: <meta property=”og:title” content=”Titel på siden” />
  • Beskrivelse: <meta property=”og:description” content=”Beskrivende tekst der bliver delt på Facebook” />
  • Billede: <meta property=”og:image” content=”http://hjemmeside.dk/billeder/facebook.png” />

Da Facebook cacher indholdet fra en given url straks den er delt, anbefaler jeg at teste hvad der bliver scrapet her: http://developers.facebook.com/tools/lint

Tak til Claus J for input ✔

Nyt design

Den faste læser har måske opdaget, at siden har fået nyt design i dag – et design der til forveksling minder om det gamle. Dog endnu mere simpelt i sit udtryk og meget klassisk i sin struktur, altså er jeg vendt tilbage til blog-rødderne. En simpel hjemmeside uden alt for meget lir, men med nem mulighed for at læse alle indlæg uden nødvendigvis at skulle klikke så meget rundt på sitet. Når alt kan lade sig gøre teknisk, er der noget smukt i det simple og underspillede. Men det er jo bare min personlige mening.

Endvidere har jeg valgt at fokusere min online profil, så jeg i fremtiden har alt webrelateret placeret på; denne hjemmeside, min Linkedin, min Twitter og min fb-side. Det betyder at flere spøjse integrationer af fjernet her fra hjemmeside, da fire platforme må være rigeligt for nu. Men når man godt kan lide at afprøve nye teknologier, kan det tit være en udfordring af begrænse sig :)

Jeg håber i tager vel imod det nye design, og smid gerne en kommentarer hvis der er noget der mangler. Og ikke mindst, hvis der er emner I kunne tænke jer at jeg vendte her på bloggen i fremtiden …

1 års jubilæum

I denne måned har bloggen ét års jubilæum, ligesom jeg har ét års jubilæum som rådgiver hos Advice Digital. Det har været et år hvor der er sket RIGTIG meget, og at genfortælle det hele vil nok trætte de fleste. Tænkte derfor, at jeg i bedste infografik-stil ville genfortælle det væsentligste i en smart grafik. Problemet er blot, at jeg ikke kan finde ud af photoshop/indesign – det skal læres inden for det næste år, så er det sagt! Indtil da indfører jeg konceptet infotext …

April 2010 – April 2011

  • Har  været med til at lancere omkring 12 websites, igennem mit arbejde hos Advice Digital …
  • Har lanceret 7 websites, Con Amore style …
  • Har på min gamle herrecykel hverdagstransporteret mig 4000 km …
  • Har ikke haft en eneste dag i sygesengen …
  • Har haft 7.086 unikke besøgende her på sitet …
  • Har øget min webtelligens med 100 procent …
  • Har besøgt Tyskland, Frankrig, Sverige og Norge …
  • Har udgivet 52 indlæg her på sitet, inklusiv dette …
  • Har været en del Berlingske Nyhedsmagasin’s Talent 100 …
  • Har fået små 100 nye kollegaer, igennem Advice Netværk …
  • …

Alt i alt et fantastisk år. Jeg ville dog gerne have haft kørt flere cykelløb, besøgt flere lande og drukket flere sjusser – men man kan ikke nå det hele! Arbejdet fylder, men heldigvis kun i positiv forstand. Det vil det også gøre det kommende år, for tror jeg har meget mere i mig – bare vent og se …

UPDATE fra Kazia Museth
“Du skal da ikke lære Photoshop… du kender designere, så det behøver du slet ikke! Hilsen Kezia”

Talent 100

Som jeg kort skrev i sidste uge; big news coming up. Den store nyhed er, at jeg er blandt 100 udvalgte erhvervstalenter portrætteret i Berlingske Nyhedsmagasin’s årlige særnummer “Talent 100″. Bladet udkommer i dag, og derfor både stolt og glad! Men jeg ved ikke hvordan jeg skal agere, så indtil videre lader jeg den stå – og henleder opmærksomheden på mit arbejdes hjemmeside der har en fin artikel på forsiden!

Fra idé til liv = 45 min!

Gik en tur, fik en idé, stressede over ikke at kunne få den ud inden lørdagsøl og vupti – 45 minutter efter havde jeg en løsning parat. Når idéen er god er 45 minutter åbenbart rigeligt, og denne idé er både god og med perspektiver. Eller også motiveres jeg bare kraftigt af tanken om øl! Er halvt på vej ud af døren, så bær over med stavefejl, sjusk og vrøvl…

Som så mange gange før, er der tale om mit site http://blågårdsgade.dk – det gælder om at have altid at have en legeplads i nærheden, hvis man godt kan lide at lege! Helt konkret har jeg denne gang leget med siden Gadens Stemme inde på blågårdsgade.dk – en side der egentlig bare er ét stort Facebook kommentarfelt hvor man kan skrive om hid og did. Desværre bliver siden ikke benyttet som jeg havde håbet på. Der er til gengæld godt gang i Blågårdsgade’s Facebook-side, som snart er oppe på 2000 “synes godt om”. Tænkte derfor, at det ville give mening hvis man kunne hive Gadens Stemme ind på Facebook-siden. Så det har jeg gjort…

Gadens Stemme på blågårdsgade.dk: http://blågårdsgade.dk/gadens-stemme/

Gadens Stemme på Facebook-siden: http://www.facebook.com/Blaagaardsgade?sk=app_114580175282893

Den faste læser ved, at jeg påbegyndte lidt leg med Iframe app’s i denne uge. De tidligere app’s har dog alle været bygget envejs – denne app er lidt anderledes! Lige meget om man skriver på Facebook-siden eller direkte på blågårdsgade.dk, bliver kommentaren nemlig delt begge steder. Og URL’en der efterfølgende deles på ens Facebook-væg går strategisk nok til http://blågårdsgade.dk/gadens-stemme/. Samlet skulle det gerne booste antallet af kommentarer på Gaden Stemme.

Jeg burde nok skrive en guide, men den der bærer viljen skal nok bare høre idéen og/eller se lidt kode. Derfor…

KODE:
<div id=”fb-root”></div><script src=”http://connect.facebook.net/da_DK/all.js#appId=138924429453036&amp;xfbml=1″></script><fb:comments xid=”9SOy7F4z89qlYx9_post703″  numposts=”4″ width=”520″ publish_feed=”true” simple=”true” css=”http://xn--blgrdsgade-25ab.dk/wp-content/plugins/facebook-comments-for-wordpress/css/facebook-comments-hidelike.css?2″ url=”http://xn--blgrdsgade-25ab.dk/gadens-stemme/”></fb:comments>

Kommentar til koden: Jeg har måtte opsætte lidt hurtig/særskilt CSS til kommentarfeltet som du kan se – ellers fik jeg vist “likes”. Det fungerede ikke, da likes gik til url’en = http://blågårdsgade.dk/fbtab/gadens-stemme-2 (læs denne guide for at forstå hvorfor). Facebook cacher din CSS, hvilket er grunden til ?2 - og sidste detalje, for at kunne sammenflette kommentarsporet skal du kopiere xid og app-id fra det kommentarsport du vil benytte til formålet. Så er du kørende.

Har du spørgsmål er du selvfølgelig velkommen til at skrive en kommentar nedenfor, eller fange mig på askhybel.dk/facebook. Lige meget om det er af teknisk eller strategisk art – er jo egentlig webstrategisk rådgiver, har bare et lettere nørdet sind ;)

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.