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…

Under Facebooks F8-konferens igår i San Fransisco meddelade VD Mark Zuckerberg att Facebook Connect kommer försvinna, för att ersättas av Open Graph som är i stånd att snart lanseras, tillsammans med en rad förändringar och nyheter med potential att sätta maktbalansen på sociala webben i gungning.

Genom Open Graph siktar man på att standardisera interaktionen mellan Facebook och tredjeparter med det nya protokollet som enkelt sammanfattat innebär att det går att skapa Facebook Pages var som helst på nätet, t ex på helt fristående sajter/domäner, istället för bara inne i själva Facebook. Mer om det nedan. Samtidigt lanserar man ”Like”-funktionen publikt och brett, och nya paradigmen verkar vara att bli auktoritet i användarverifiering.

På grund av den nya riktningen så ämnar man därför döda åtminstone namnet Facebook Connect, men det är fortfarande osäkert om man helt kommer ersätta funktionen med något annat eller bara kalla den något annat under Open Graph-paraplynamnet. Med tanke på att 100 miljoner användare började använda Connect på bara 15 månader lär man se till att det blir en smooth övergång – kan man hoppas.

Vad är Open Graph?

Det är ett API, en slags regeluppsättning för hur olika program eller sajter kan kommunicera med andra och dela information sinsemellan, som ger vilken webbsida som helst alla funktioner som en Facebook Page idag har. Allt från att låta besökare bli fans, publicera i deras flöden, visas på profiler, ha chatboxar, kommentars-walls, vara sökbara i Facebook osv. Man utannonserade sina planer på detta i höstas, men nu verkar det stå för dörren med början under Q2.

Open Graph

Basically, the Open Graph API is a way for Facebook to allow other companies, sites, services, etc to interact with Facebook without having to create a dedicated Facebook Page. – Techcrunch

Namnet ”graph” kan vara svårt att greppa om man inte känner till deras interna tugg, men man kallar de olika kopplingarna man har som användare – exempelvis ens vännerlista är en ”friends graph” och sånt man gillat eller blivit fan av är en ”likes graph” – och som tillsammans utgör en användares ”sociala diagram”. Ber om ursäkt för den skitnödiga svenska översättningen, men det är det närmsta jag kan komma.

Och det är alltså grunden i protokollet att öppna upp all denna information så att de kan korsköras med externa sajter och tjänster helt strömlinjeformat. Som exempel så släpptes Microsoft igår samtidigt Docs.com som är en slags onlineversion av Office som är integrerad med Facebook så att man kan dela dokument med sina vänner och samarbeta på dom.

Hur många som önskedrömt om att kunna få dela powerpointar med sina Facebookvänner låter jag vara osagt, men gissningsvis kommer det intressantare saker framöver.

Deras andra exempel var den amerikanska (för övrigt helt briljanta, men för omvärlden stängda) webradiotjänsten Pandora som fungerar som så att man för varje låt man hör kan välja om man gillar eller ogillar den, och på så vis lär sig och skapar ett helt unikt musikflöde för just dig (snälla Spotify, rippa det där!). Och nu så kan man då ”gilla” olika artister via Facebook och omvänt, det blir funktionsmässigt integrerat.

Tillsammans med detta har dom byggt om hela autentiseringsmetoden, och använder sig numer av OAuth som är en öppen standard för att låta användare dela specifika resurser från en sajt (som bilder, kontakter osv) med en annan. Praktiskt sett innebär det att man kommer kunna använda sitt Facebook-konto för att logga in på ännu fler ställen, på ett smidigare sätt, än tidigare.

Nya öppna ”Gilla”-knappen

En annan nyhet, som slog igenom redan för någon vecka sedan, är att man plockat ut Facebooks ”Gilla”-knappar och gjort dessa helt öppna att användas överallt.

Vänj dig vid att se denna.

Det gör att man kan indikera att man tycker att något är intressant, kul eller bra oavsett om det är ett blogginlägg, foto eller hel sajt, som då postas i ens flöde, profil och liknande utöver på själva sajten. Dessutom gör funktionen att dina vänners profilfoton kommer att dyka upp överallt där du minst kanske anar det. Ser du din mammas leende möta dig på en sajt så betyder det att hon har klickat på en ”gilla”-knapp där. Det blir alltså en slags social rekommendationsfunktion.

Det är förstås redan en hel del som uppmärksammat integritetsproblemet med att få ens profilfoto och information om vad man gillar och ogillar upplagt överallt på nätet, men åtminstone för tillfället kan man välja själv hur publikt man vill stoltsera med detta via sitt kontos integritetsinställningar (något de flesta inte har ställt in, vilket Facebook för inte så länge sedan såg till att automatiskt tillåta typ allt).

Man har även utannonserat nya ”toolbars” som sajter kan lägga till i botten av sidorna som även visar vad ens vänner tycker om sidan man är på, och till o med chatta med vänner som är inloggade utan att ens behöva vara på Facebook.

Facebook själva säger att denna typ av sociala rekommendationer och sociala kopplingar är ”grunden i Internets framtid”, och gamla tråkiga hyperlänkar är föråldrat.

Smidigare integreringar

Med det omgjorda verifikationssystemet så kommer processen att ge sidor och applikationer som använder sig av Facebook Connect-systemet att bli mycket snabbare – ett enda steg/klick, istället för att som idag behöva flera steg för varje form av data att dela (vänlista, profil osv).

Man har även sedan ett tag tillbaka låtit Connect-utvecklare få ta del av användares mailadresser, vilket gör att tillsammans med alla andra ändringar finns potential att Facebooks system blir mer eller mindre standard för sajter att använda sig av för allsköns användarregistreringar.

Oftast behöver man inte längre ens logga in. Många av de nya funktionerna visas och funkar utan att du skriver in användarnamn och lösenord på en specifik sajt. Detta sker via de cookies som Facebook sätter, så det räcker att du varit inloggad på Facebook hyfsat nyligen. Surfar du in på exempelvis IMDB, som varit snabbt ute med att integrera Gilla-knappar på alla filmer, så behöver du inte göra något alls; rekommendationer från dina vänner kommer upp automatiskt, och dina egna rekommendationer hamnar också direkt i ditt flöde.

Steg 1: Gilla på IMDB

Steg 2: Syns direkt i flödet

Facebook som nätets passmyndighet

Inte ens Stevie Wonder kan missa att se att detta är ett stort strategiskt steg av Facebook att bli nätets huvudsakliga inloggnings/verifierings-myndighet för alla former av sociala tjänster, och därmed samla på sig oerhörda mängder oerhört värdefull data. Det hela gör Facebook till ett centralt nav för användaridentiteter, och kanske kommer vi nu att uppnå vad som har snackats om och som försökts av alla från Microsoft med sitt gamla fiasko ”Passport”, om någon kommer ihåg det, halvframgångsrika fristående OpenID och till Googles mer nyliga Open Social-initiativ:

One login to rule them all, and in the database bind them.

De flesta av oss vet hur kraftfulla funktioner som finns i Photoshop. Men Adobe har precis släppt en film med en sneak peak över en feature de kallar ”content aware filling” som de arbetar med i deras Adobe Labs och som förhoppningsvis finns med i CS5 med lite tur.

Och seriöst, man brukar säga att riktigt bra teknologi är oskiljbart från magi. Och detta är ta mig sjutton magi på riktigt. Jag är mållös.

www.youtube.com/watch?v=NH0aEp1oDOI

Världens största sajter

BBC har en riktigt sjysst grafisk uppställning över hur världens största sajter är fördelade kategorimässigt. Datan kommer från Nielsen.

http://news.bbc.co.uk/2/hi/technology/8562801.stm

Här kan du även tanka hem Nielsens hela topplista över världens största sajter Januari 2010 i excelformat.

Förra tisdagen hände något som borde få varje marknadsförare online att höja på ögonbrynen. Google vann ett patent hos amerikanska patentverket för att ”använda geografisk position i annonsering”.

Det är dessutom ett ganska brett patent, som även innehåller saker som att sätta minimibud för en annons, erbjuda analysresultat och förändringar i annonsen, och frågan är om alla de nya startups som finns på marknaden idag som inriktar sig just på dessa områden (som Dapper osv) ska börja skruva på sig lite nervöst.

Det är ju välkänt hos oss europeer hur galna amerikanska patent kan vara (landet där man kan ta patent på gener!), och hur hårt sådana saker kan slå mot konkurrerande företag och framförallt startups inom IT och webb.

Dock har stora företag oftast som strategi att säkra teknologier de utvecklat genom patent som försvarsmedel snarare än något offensivt verktyg. I Googles fall är nog risken försvinnande liten att de skulle använda sina patent som maktmedel. De brukar ha för vana att helt enkelt bara köpa upp företag som gör tilltalande saker istället.

Googles patent har legat och behandlats i sex år sedan de ansökte, och lokaliseringstjänster har länge varit ett av deras prioriteter, så jag misstänker att det är är startskottet för en rejäl kapprustning inom branschen. Bara härom veckan började de åtminstone för amerikanska kunder erbjuda att sortera sökresultat efter hur nära träffarna låg geografiskt. Även Google Buzz har geotargetade feeds som är ansett vara  bra mycket träffsäkrare än Twitters dito.

Men framför allt kan detta vara en nyckel i deras numer benhårda kamp mot Apple, som sedan länge gått om Microsoft som ärkekonkurrent i och med geekvärldskriget Android vs iPhone, då båda företagen senaste kvartalet köpt var sitt annonssystem för mobiler. Google köper AdMob och Apple Quattro Wireless.

Ett kort utdrag ur patentet, som heter ”Determining and/or using location information in an ad system”:

The usefulness, and consequently the performance, of advertisements are improved by allowing businesses to better target their ads to a responsive audience. Location information is determined (or simply accepted) and used. For example, location information may be used in a relevancy determination of an ad. As another example, location information may be used in an attribute (e.g., position) arbitration. Such location information may be associated with price information, such as a maximum price bid. Such location information may be associated with ad performance information. Ad performance information may be tracked on the basis of location information. The content of an ad creative, and/or of a landing page may be selected and/or modified using location information. Finally, tools, such as user interfaces, may be provided to allow a business to enter and/or modify location information, such as location information used for targeting and location-dependent price information. The location information used to target and/or score ads may be, include, or define an area. The area may be defined by at least one geographic reference point (e.g., defined by latitude and longitude coordinates) and perhaps additional information. Thus, the area may be a circle defined by a geographic reference point and a radius, an ellipse defined by two geographic reference points and a distance sum, or a polygon defined by three or more geographic reference points, for example.

Om du har en tråkig dag på jobbet kan du läsa hela patentet här.

Vi på Wisely har sett fram emot bra geotargetingmöjligheter länge, och även om det finns en del möjligheter redan idag vi bl a använt oss av på kampanjsidor och bannerstyrningar, så är det ofta med lite tur ganska trubbigt och med lite otur inte ens värt omkostnaderna jämfört med resultaten i fråga.

Speciellt i dagsläget när vi kan se att trenden starkt pekar mot decentraliserade uppkopplingar via mobila bredband och mobiler, behövs det nya spännande teknologier.

Och är det några företag som åtminstone jag själv kan tänka mig har möjlighet att leverera just marknadsledande och fungerande sådana så måste väl ändå Google och Apple vara top contenders.

Eller vad tror 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.

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.