Tagget med: Facebook

Responsive Facebook Comments / Tablets

For et lille år siden skiftede jeg om til responsivt design her på sitet, hvilket samtidigt betød at jeg skiftede fra Facebook Comments tilbage til WordPress’ medfødte kommentarsystem. Alene fordi jeg havde problemer med at få kommentarsporet fra Facebook til at skalere flydende og korrekt på tablets – eksempel på problemet kan ses på feltet.dk og kstud.dk. Et ærgerligt skift af kommentarspor, da WordPress’ eget system i udgangspunktet er lukket omkring sig selv og ikke har social sharing. Problemet har jeg nu fået løst … 2 minutter med en koder og lidt basic CSS. Tilføj den tydeligevis vigtige kode til dit stylesheet og du er kørende.

[php]
.fb-comments.fb_iframe_widget span {width: 100% !important; display: block !important; } .fb-comments.fb_iframe_widget { display: block !important;} .fb-comments.fb_iframe_widget iframe { width: 100% !important;}
[/php]

Ovenstående rettelse er mest af akademisk interesse, for jeg ændrer foreløbig intet herinde. Men smid altid gerne en kommentar.

Tak til clausjnsn for kode.

Hvilket kommentarsystem skal man vælge?

Her på bloggen har jeg siden begyndelsen benyttet WordPress’s eget kommentarsystem. Et system der har mange fordele, men i den grad også ulemper. Derfor er jeg, som på mange af mine andre sites, nu skiftet til Facebook Comments. I mine tanker om skiftet har jeg været forbi tre systemer; Disqus, Facebook og WordPress. Min indre dialog for og imod de forskellige systemer, tænkte jeg lige så godt kunne komme andre til gode. Der bliver ikke tale om en lang analytisk artikel denne gang, men et kort lille oprids.

De tre systemer understøttes i øvrigt alle af et hav af plugins til WordPress, som er det CMS denne hjemmeside er bygget i.

  • WordPress Comments (.php)
    Fordele: Muligt at style og kode systemet frit, er indarbejdet i de fleste WP temaer, SEO-venlige kommentarspor.
    Ulemper: Problemer med Gravatar (billeder) som få forstår, umiddelbart ingen mulighed for autodeling på sociale platforme, generelle problemer med spam.
  • Disqus
    Fordele:
    Mulighed for at kommentere fra et hav af forskellige kontoer; Google, Twitter, Facebook, OpenID, ingen spam.
    Ulemper: Ingen mulighed for styling og designet ikke clean, manglende mulighed for at trække kommentardata ud.
  • Facebook
    Fordele
    : Systemet udbygges løbende og automatisk, kommentardata kan hentes ud, igen spam, godt moderationsværktøj, deling af kommentarer på Facebook.
    Ulemper: Styling er ikke mulig (men clean design i forhold til Disqus), man låser sig til Facebook, enkelte add-block systemer skjuler kommentarfeltet.

Efter at have gennemgået ovenstående fordele/ulemper, valgte jeg altså at benytte FB Comments fremover, som du kan se nedenfor. Ikke pga tekniske fordele, men fordi min erfaring er, at FB simpelthen giver flere kommentarer – kommentarpsykologi bliver emnet for næste blogpost. Skulle jeg alene vælge ud fra teknik, så beholdt jeg WordPress. Men man skal ikke altid lytte til tekniske rationaler.

De gamle kommentarer har jeg i øvrigt ikke slettet og de fungerer sideløbende med det nye kommentarspor. Eksempel -> DR på Iphone/Ipad

Facebook » hold nu op med at tælle fans!

Facebook har de seneste måneder skruet kraftigt op for optimering af platformen med et væld af designændringer og nye muligheder. Skrevet hen over alle de nye lanceringer synes at være ét nøglebudskab: Det handler ikke længere blot om fans.

Listen over nye Facebook-lanceringer i år er blevet lang og efterhånden temmelig uoverskuelig, selv for inkarnerede entusiaster. Derfor har vi her samlet de vigtigste tiltag og redegør for deres betydning for platformen, brugerne og – ikke mindst – de kommercielle aktører.

De vigtigste tiltag er;

  • Timeline
  • Sociale Apps
  • Nye actions buttons
  • Insights for sider

læs resten af artiklen på Kforum

Video-Click-Jacking via Facebook

For nyligt skrev jeg et indlæg om Facebook clickjacking, efter at havde leget lidt på kodekanten. Det har jeg gjort igen, for efter en weekend hvor stort set ALLE min bekendte på Facebook pludselig delte en fodboldvideo, satte jeg mig for at tjekke koden. Den var simpel, overraskende simpel faktisk. Jeg lavede et eksempel som jeg midlertidigt lagde på http://askhybel.dk/profil, som en form for profilvideo. Det betød 200 views søndag og små 1000 views mandag. Det beviste at det vitterligt er muligt at markedsføre sig på Facebook via video-clickjacking – desværre fandt jeg hurtigt ud af, at folk ikke var helt vilde med fremgangsmåden. Det forstår jeg nu godt :)

Men modsat de fleste andre der leger på kodekanten, så havde jeg ikke valgt at skjule min lille mission bag hemmelige domæner, for mit for formål var hverken at promovere noget bestemt eller tjene penge via Google Adds. Næ, jeg ville blot lære en teknik at kende og gøre mig lidt erfaringer. Det faldt desværre nogen for brystet, det er jeg ked af. Jeg har derfor flyttet siden, så den virale mulighed ikke længere er til stede – intet loop. Siden ligger nu her: http://askhybel.dk/profil_video (du deler siden på Facebook hvis du trykker play).

Jeg må indrømme, at jeg er overrasket over hvor hurtigt og nemt man kan lave markedsføring på denne måde. Modellen kan benyttes til at opnå voldsomme antal hits eller til at få folk til at ”synes godt om” en side på Facebook. Begge ting som firmaer betaler mange penge for at opnå. Problemet er blot at man ved den skjulte model får folk på nakken, men der skal ikke meget kreativ tænkning til at udtænke andre og mindre belastende modeller der kan give samme resultater.

En meget rodet kode, til den etisk korrekte og kreative webnørd -> http://snipt.org/embed/xogkp

† FB CLICKJACKING †

Som de faste læsere ved, så fjoller jeg ofte rundt med koder i fritiden. I går aftens blev det til lidt test af clickjacking på Facebook. Ikke fordi jeg skal bruge det til noget bestemt, men fordi det er sjovt at lege på webkanten. Lidt som da man var teenager og lavede kanonslag af heksehyl – uskyldig, men sjovt alligevel. Facebook clickjacking kender de fleste fra klassikere som ‘Dad Catches Daugther on Webcam’, ‘Spider Under the Skin’ og mange mange flere. Man tror at man trykker på et uskyldigt link (billede), men i stedet trykker man på en skjult Facebook likeknap og deler derfor hvad der gemmer sig bag trykket. De fleste af den slags tricks har det formål at tiltrække besøgende til sider med bunker af reklamer, som bagmændene så tjener penge på. Mit eget lille forsøg er dog uden mulighed for at der opstår en viral effekt, da det der deles ikke giver mulighed for at legen fortsættes – så er ikke nervøs for at koden træder alt for mange over fusserne, vel!?! Man deler følgende:

Den lille spamtest kan du afprøve live her -> http://bit.ly/pYoc3L

Tricket er som sagt ret simpelt, og kunne nemt forfines – men her er det altså blot en likeknap gemt bag et billede ved hjælp af lidt div-tags. Koden kan du se her -> http://snipt.org/xmUg. Siden man liker er opbygget med lidt fast Facebook metadata (læs tidligere indlæg) og har automatisk redirect videre til min side på Facebook. Koden kan du se her -> http://snipt.org/xmUk. Jeg kommer ikke med en mere udførlig guide til opsætningen, for måske sidder der en klaphat og læser med :/ Men hvorfor så dele kode og overhovedet tænke i de baner? Jo, først og fremmest fordi det er sjovt at udforske nye muligheder – men også fordi det faktisk er muligt at benytte teknikken med positivt fortegn. Hvordan afslører jeg ikke her, for de idéer har potentiale …

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;
}

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 ✔

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.

FB Like i gråzonen

For noget tid siden skrev jeg et indlæg om sider på Facebook, hvor jeg nederst i indlægget gjorde det muligt at LIKE en FB-side jeg havde oprettet i tilknytning til denne hjemmeside. Det tænkte jeg ikke længere over på daværende tidspunkt, men forleden slog det mig at det da er en spændende gråzone. For på den måde kan man lege med konventionerne for hvornår og hvad folk liker. Nederst i dette indlæg har du muligheden for at like, men modsat normalt liker du ikke indlægget (url’en) men den oprettede FB-side. Altså bliver man snydt til at like en side på Facebook. Dybest set kunne det være hvilken som helst FB-side, så muligheden for sure besøgende er i den grad til stede hvis man benytter denne model.

Man har altså mulighed for at snyde sig til flere likes på sin FB-side, men om de enkelte likes har værdi er nok spørgsmålet. Der er i hvert fald tale om en meget mørk gråzone.

Du kan oprette din egen like-knap på developers.facebook.com eller kopiere følgende script: <script src=”http://connect.facebook.net/da_DK/all.js#xfbml=1″></script><fb:like href=”http://www.facebook.com/home.php?#!/pages/askhybeldk/187197264630187″ show_faces=”false” width=”610″></fb:like>

Tillykke med fødselsdagen! Tak :)

I fredags havde jeg fornøjelsen af at fylde 31 år. Efter sigende der hvor man virkelig træder ind i 30’erne. Jeg valgte at fejre det med en lang tur på langrend i de norske alper, hvor jeg var på ferie med familien. Langt væk fra internet og lykønskninger på nettet’s mange sociale platforme. Da jeg endelige brød den offline jomfruelighed, blev jeg både rørt og glad over de mange søde kommentarer der var kommet på min Facebook-væg. Fik også lidt beskeder på sms og andre sociale platforme på nettet, men intet mod hvad jeg fik på Facebook. Derfor tænkte jeg at det var værd at se lidt nærmere på. Bare lidt…og om ikke andet, så for at have det gemt for eftertiden. Blev sgu rørt! Tak.

Lidt statistik:

73 lykønskninger
34 mænd
39 kvinder
15 har jeg arbejdet sammen med (web)
12 kender jeg fra studier

Fødselsdags-konverteringsrate: 11% (667 bekendte)

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!

Facebook Places i Danmark

Ja, ikke helt endnu! Men ifølge Mikael Lemberg er Facebook Places lige på trapperne, så om få uger vil geohysteriet højst sandsynligt ramme masserne på Facebook. Der har længe været andre tjenester på markedet (Foursquare, Gowalla mfl.),  men når Facebook åbner deres tjeneste i Danmark forudser jeg et sandt boom i brugen. Det bliver spændende at følge!

Men så længe behøver DU selvfølgelig ikke vente, for nedenfor har jeg skrevet en guide til hvordan du allerede i dag kan benytte Facebook Places i Danmark. Tricket går i al sin enkelthed ud på at opsætte en VPN-forbindelse, så man får tildelt en amerikanske IP-adresse – således snyder man Facebook til at tro, at vi er i Amerika hvor tjenesten er aktiveret. Jeg ejer kun en iPhone, så opsætningen tager udgangspunkt heri.

1. Installer Facebook’s officielle app på din iPhone

2. Åben Indstillinger > Generelt > Netværk > VPN og tryk på tilføj VPN-konfiguration

3. Vælg IPSec og udfyld boksene med følgende:

  • Beskrivelse: HotspotShield
  • Server: 68.68.107.101
  • Konto og adgangskodeklik her og lige så snart siden bliver læst ind, klik da på den grønne knap der siger Get My Account ID. Du vil med det samme få et Username og et Password som du skal benytte til konto/adgangskode.
  • Gruppenavn: hss
  • Nøgle: hss

Du er nu færdig med opsætningen! Tryk arkiver og gå tilbage.

4. HotspotShield er nu blandt de tilgængelige konfigurationer. Aktiver forbindelsen og vent på at den bliver oprettet.

5. Åben din Facebook app og tryk på Places – vupti, du er på!!!