Nu har till och med Dagens Media knökat in Facebooks Gilla-funktion, inte helt diskret i en helt egen stor div/rad under varje artikel.

Det är ju helt klart en smidigare funktion än de gamla trötta ”Dela på digg/del.ici.ous/facebook osv etc”-knapparna som florerat tidigare på nätet. Men man kan ju fråga sig hur Facebook tänkt hantera all denna sagolika detaljdata om sina användares intressen. De har ju en minst sagt bråkig historik när det gäller privacy…

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.

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.

Nu gör Twitter och Facebook det möjligt för sina medlemmar att bli affiliates, förra veckan var det Amazon som droppade nyheten och igen var de först att visa vägen  inom affiliate världen (läs mer här)

Det ska bli intressant och se om/hur detta påverkar affiliatenätverken, precis som när sökordsaffiliates fick sluta köpa sökord för annonsören så kan det tänkas att facebookaffiliates får sluta att köpa textbanners osv.

Ännu en gång stöter jag på Facebook Credits utan att få reda på hur långt de har kommit, deras virituella valuta som gör att man kan köpa appar osv påminner lite om Second Life… Om de har mölighet att koppla ihop sig med t ex Amazon är det ju coolt.

Läs hela artikeln här

Det har under senaste året kommit vågor av mer eller mindre invecklade så kallade ”adware-attacker” på Facebook, och oftast tror man att det rör sig om virus. Virus är ju trots allt något som gemene man känner till, men det är oftast en felaktig uppfattning som kan vara värd att veta.

För alldeles nyss har det börjat cirkulera en variant som skriver i folks gästböcker eller via FB-mail saker i stil med ”something for u BonusCashh.com”.

Vad det hela handlar om är oftast att personers login/lösenord har blivit upplockade av en elak tredjepart, oftast via fakesiter som ber besökare logga in med deras konton varpå dessa sparas i en databas. Precis samma sak som brukar hända med MSN-konton som plötsligt börjar skicka spam till kontaktlistan.

De som sedan luras av dessa länkar kan å andra sidan få riktiga virus då de ofta kan hamna på en sida med en applikation som körs igång, eller klickar på en installerbar fil.

Så det viktigaste om någon råkar ut för detta är helt enkelt inte att få virusscan-panik och formattera om datorn – byt lösenord.

Och se till att ha bra koll på var du loggar in på för tredjepartstjänster.

Lite äldre information om fenomenet: TechCrunch