Som de trendnördar vi är byggde vi självklart in Facebooks ”gilla”-knappsfunktion på bloggen efter gårdagens inlägg. Så alla ni läsare (för ni är några stycken trots allt!) som inte vill/orkar skriva kommentarer får väldigt gärna slänga iväg ett snabbt klick på dessa knappar om ni gillar något inlägg.

Om inte annat är jag lite nyfiken på hur/hur bra det hela fungerar, då man behöver hacka Facebooks funktionskod en del för att det ska fungera i WordPress, så det är lite av ett publikt betatest.

De ligger till höger om inläggsförfattarens namn i foten av varje inlägg, och om ni klickar in er till inläggets egna sida via rubriklänken så bör ni på samma ställe ha en utökad knapp som visar vilka av dina vänner som också gillat om det finns en sådan.

Om du själv har en WordPressblogg och undrar hur man lägger in funktionen så att den funkar i systemet, läs vidare på resten av inlägget så berättar jag hemligheterna.

Hur Facebooks originalkod ser ut

Så här ser koden ut i sitt grundutförande, men har du en vanlig sajt bör du istället använda Facebooks egna widget för att skapa en anpassad kod enkelt. Där ser du även lite vad olika parametrar gör.

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fdevelopers.facebook.com%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

Ändra källsidan

Problemet är att Facebooks URL-sträng är byggd för att ligga på en enda sida, så alla knappar du lägger in kommer länka till samma ställe. För att få den att hämta individuella blogginlägg i WordPress, ersätter du strängen som kommer vid ”like.php?href=” med denna snutt:

like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>

Det är egentligen allt du behöver göra med den, och nästa steg är att gå in i källkoden på din mall.

Förändringarna i mallfilerna

För att lägga till den under inläggen på framsidan öppnar du index.php, och vill du ha den även på blogginläggssidorna öppnar du single.php, och klistrar in koden där du vill ha den. Vanligtvis precis under den här raden (kan ha lite annan text i sig beroende på din template):

<?php the_content('<p>Read the rest of this entry &raquo;</p>'); ?>

Som exempel är här den fulla koden som jag använt på inläggssidorna på den här bloggen:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=false&amp;width=250&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:250px; height:25px"></iframe>

Anpassa utseende och funktioner

Som den uppmärksamme noterar har jag ändrat lite andra variabler också. Framför allt ”show-faces” har jag satt till false. Den funktionen visar presentationsbilderna på ens Facebookvänner som gillat inlägget/sidan man är på om det finns. Anledningen att jag valde bort den är att det dels känns en smula overkill, gör sidan stökigare med ännu fler bilder/grafik som drar uppmärksamhet men framför allt att det kräver att knappen tar ruskigt stort utrymme för att reservera plats åt dessa eventuella bilder.

Så personligen nöjer jag mig med att det står ens vänners namn bredvid knappen, men det är en smaksak förstås. Men om man sätter den på false, så kan man med gott samvete minska inte minst höjden drastiskt. Den är inte satt i originalscriptet men verkar ligga på runt 60 px. Utan bilder har jag kunnat minska detta till 28px, då får två rader plats. Bredden på 450px är också lite i mastigaste laget för de flesta layouter, så jag har testat att sätta den till 250px då jag tror de flesta personnamn får plats gott och väl. Har dock inte sett ännu hur Facebook använder sig av sina bredd- och höjdbehov när det blir flertalet vänner där, så kan inte garantera något.

För att göra den enklaste, lilla knappen som inte visar upp vänner och bara ett antal hur många som gillat, ersätt parametern ”layout=standard” med ”layout=button_count” som är vad jag gjort på den här bloggens förstasida (index.php) där utrymme är mer av en bristvara. Den lilla knappen kan man sätta bredd till 80px och höjd till bara 20px.

En sista intressant liten grej man enligt Facebooks informationsguide kan göra är att definiera en bild som dyker upp i flödet hos de som gillar istället för bara ren text. Exempelvis bloggens logotyp eller något annat representativt. Definiera en sådan genom att öppna din templates header.php och lägga till följande, efter du anpassat den med rätt sökväg till din bild, precis nedanför ”<head profile=…>”-taggen:

<meta property="og:image" content="http://www.dinblogg.se/sökväg/bilden.jpg"/>

Är dock osäker på hur/var den där bilden visas, för så vitt jag kan se syns den inte i vanliga flödet. Har dock inte hunnit testa det så mycket än, men kanske kan ha att göra något med antingen att det är en iframelösning eller den dynamiska implementationen man har behövt göra i scriptet.

För andra PHP-sajter

Om du inte kör WordPress utan har en annan dynamisk PHP-byggd sida behöver du istället först lägga in följande funktion tidigare i källkoden:

<?php $url = “http” . ((!empty($_SERVER['HTTPS'])) ? “s” : “”) . “://”.$_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']; ?>

Och när du då fått in nuvarande adress i en variabel så ersätter du samma Facebook-kodsnutt som ovan med:

like.php?href=<?php echo urlencode($url); ?>

Slutsats

Den här lilla funktionen tror jag har potential att bli riktigt utbredd, och kunna bli mycket effektivare för att dels marknadsföra mindre bloggar/sajter och dels ge personen/personerna bakom positiv feedback att folk gillar vad de gör, än vad alla olika tipsa-funktioner som funnits hittills nånsin varit.

Värt att notera är att lösningen jag beskriver ovan är en av två potentiella varianter, detta är en iframevariant som är den enklaste och som är den jag och många andra bloggare har hunnit anpassa. Det är inte jättesnyggt, och helst vill man ju ha sådana här saker integrerat på själva sidorna för att det ska funka bäst och snyggast, och det går även att bygga den här funktionen i Facebooks egna XFBML-språk. Då måste man dock först integrera deras javascript-SDK att utgå från.

Det är nog overkill för de flesta bloggare, men bygger man sajter är det nog värt att kika på det alternativet istället. Om någon sätter sig in i den varianten och får det att lira med WordPress/PHP så tipsa mig gärna!

Så have fun med denna nya lilla funktion; och gilla gärna det här inlägget om ni lärt er något nyttigt.

—–

Uppdatering:

Har noterat ett antal märkliga beteenden med knappen och funktionen. Bland annat verkar det som om när man har en knapp både på index.php och single.php, som vi har här, så visar ibland dessa inte samma saker av någon mystisk anledning. Om det är pga wordpress, koden eller facebook – eller bara något individuellt med cookies – är osäkert just nu.

Återkommer…

Ett amerikanskt startup-företag har hittat en annonskanal som antingen är dömd att misslyckas – eller är fullkomligt genial.

Det finns nog inte någon som inte har behövt, efter att ha fyllt i ett formulär på någon sajt, bevisa att man är människa genom att skriva av svårtydda genererade bokstäver och siffror – så kallade Captcha’s. Dessa fyller syftet att försvåra för spammare och liknande otyg att skapa tusentals konton/användare etc. Och är i dagsläget inget man direkt ens tänker på längre, efter att de dök upp runt millenieskiftet har det blivit en invand sak man förväntar sig.

Men nu har någon i Silicon Valley gnuggat geniknölarna. Låt mig introducera: Captcha Advertising.

Företaget i fråga heter AdCopy och är bara i testfas än så länge, men deras idé är galet enkel. Istället för att tyda tecken så ska man skriva av något från annonsen som visas. Sajtägaren får då en liten peng för varje avklarad inloggning, och annonsören får något som vi saknat länge på nätet – direkt uppmärksamhet på reklambudskapet. Exempelvis:

Captcha Ad

Ärligt talat är det på snudd genialt, om jag ska vara ärlig. I ett medie där bannerblindhet snart kan klassas som en folksjukdom är platser att få verklig uppmärksamhet för reklambudskap värt guld. Ja, för annonsörer åtminstone.

Utöver den ”påtvingade” uppmärksamhetsfaktorn så ger detta även annonsörer ett guldläge att hamra in slogans och budskap hos konsumenterna. Ponera att Burger King gör reklam, och de har en annons med en hamburgare och alla tillbehör följt av ”Grillat är godast”. Genom att få besökaren att inte bara få BK top of mind så associerar man samtidigt ännu mer samband mellan hamburgare och ”Grillat är godast” genom att manuellt skriva in det. För alla som pluggat vet att man lär sig på ett helt annat sätt genom att skriva ner saker själv än att bara höra/läsa dessa.

Om det sen kommer funka, eller bli populärt återstår att se. Grejen med captchas är ju att just automatiserade scripts inte ska kunna läsa av dom. Och visst, beroende på annonserna och vilken del man ska skriva av kan det säkert bli klurigt, men frågan är om det är hälften så klurigt som moderna riktiga captchas. För misslyckas dom med själva grundidén bakom captchas och sänker tillförlitligheten så lär nog inte många sajtägare ta sig till det hela.

Men det har de förhoppningsvis tänkt på, för frågan är om jag inte hade föredragit att skriva in en snabb slogan istället för att leka detektiv med brusiga captchas. Vad tycker ni?

Det har precis dykt upp rykten om att Facebook är i full färd att släppa ett epostsystem – alltså ett riktigt sådant med full POP/IMAP. Det vore ett riktigt slag under bältet på exempelvis Gmail som många använder privat, och är faktiskt ett riktigt smart drag om det blir så. Alla har sina personligheter på Facebook, men sin mail externt.

Jag kikade närmare på det här fenomenet.

Om man väljer att skriva ett meddelande på Facebook ser man följande nu:

Skriv meddelande

Skriv namnet på en vän, lista eller… e-postadress? Intressant. Jag testar att skicka till min gmail och mycket riktigt så dyker följande upp:

Facebookmailet

Och när man undersöker mailheadern hittar man att det skickats ifrån en adress som heter ”facebookmail.com”.

Facebookmail

Så, är ”Facemail” en verklighet snart? Teorierna går att ens mailadress blir det unika namn man kan välja till sitt konto (facebook.com/dittnamn) idag. Så se för sjutton till att ordna till era vanity names nu om ni inte gjort det innan – det kan bli din framtida mailadress.

Det här kan verkligen bli ett dråpslag mot andra aktörer inom webmailtjänster. Hotmail ser jag framför allt som den som skulle lida mest, då Gmail trots allt generellt har en så markant bra tjänst och en stor skara vana nätanvändare till skillnad från hotmail.

Första källan kom från Techcrunch här, och mer tankar om det hela hos den gode Walter Naeslund här.

I dagarna rullar Google ut ett nytt påhitt, namngett Buzz.

Det går att läsa mer om det här, men kortfattat handlar det om att de bygger in en ny funktion i Gmail (och finns även för mobiler) där man på ett klassiskt google-snyggenkelt vis delar med sig av allt vad det nu kan tänkas vara man vill sprida till sina bekanta, från bilder och videos till sajter och inlägg. Allt ihopbakat med Gchat och, som allt nuförtiden, såklart ihopbakat även med Twitter och andra tjänster.

Har ännu inte dykt upp i min inkorg, men jag väntar med spänning på om det blir kul och användbart på ett nytt sätt eller bara ännu en dela-kul-över-nätet-grej i mängden.

www.youtube.com/watch?v=yi50KlsCBio

Amerikanska tidningen Entertainment Weekly är troligtvis först i världen med att ha en videoannons -- i tidningen!

Skärmen är tydligen ett litet PCB-kretskort insatt mellan två ihoplimmade sidor, där annonsen börjar spelas upp automatiskt när man bläddrar fram sidan. Ungefär som ett av de där julkorten som börjar spela en melodi när det öppnas. Ljudet ska tydligen vara oväntat bra, även om det enligt rapporter inte är rekommenderat att bläddra upp den i en tyst omgivning då det inte finns volymkontroller…

Detta tycker jag är en väldigt rolig lösning som garanterat lär få en uppmärksamhetsgrad som aldrig tidigare skett i print. Frågan är -- när får jag se en printannons med en 3G-uppkopplad liten surfplatta inbäddad som visar företagets hemsida?

www.youtube.com/watch?v=fgJ6DA50thw

Läs mer på Wired

Lite oväntat är att på relativt kort tid har nu Googles Chrome blivit världens tredje mest använda webbläsare efter Internet Explorer och FireFox, och därmed puttad ned den tidigare evige bronsmedaljören Safari en plats.

Webbläsartwittrande

Det är dock fortfarande en position som bara innebär runt 4,6% av användarna, men med tanke på att den funnits i skarp version i bara drygt ett år och Mac-version släppts först nyligen, är det imponerande.

Personligen gillar jag Chrome, eller snarare utvecklarversionen för Mac som heter Chromium, starkt. För det är framför allt efter att deras system för tillägg/plugins kommit igång som den verkligen går att använda som vardagsbrowser. Allt det viktiga finns där, allt från bokmärkessynkroniseringar, webutvecklingsplugins osv.

Men Chrome har mycket att komma med i sig självt. Det springer verkligen varv runt både Firefox och IE när det gäller hastighet, och framför allt är varje tabb en helt särskild process. Så om en hemsida i en tabb kraschar eller segar ned sig, så berör det inte resten av webbläsaren.

Och hypen är inte att missta. Kolla här hur mycket det Twittras om de olika webbläsarna.

Enligt färska siffror så borde vi i Sverige börja sluta oroa oss om hur mycket saker och ting väger, t ex storleken på filer och innehåll på sidor (utöver det vanliga att det ska vara snabbladdat och allmänt smidigt förstås).

Vi har nämligen en genomsnittsuppkoppling på drygt 18 mbps! Fjärdeplats i världen på höghastighetsbredband. Som grädde på moset har vi väldigt bra priser dessutom!

Vi har dock en ganska bra bit kvar till Japans nivåer…

Bandbredd i världen

Nedan följer ett mail som är det andra jag fått på två veckor.Det är ett förslag på vilka sökord avsändaren erbjuder oss att köpa, de kommer alltså hjälpa oss komma högt upp bland de organiska sökträffarna. Ja, företaget jobbar med SEO…

Jag vet inte om jag ska skrika, skratta, gråta eller fnissa….

Jag känner bara en misstro till företaget som skickat detta, dessutom är det samma företag som vill att vi ska rekommendera deras tjänster till våra kunder.

Nuff said, här är mailet.

Oseriöst mail