I veckan släppte Facebook massor av nyheter på deras F8-konferens i San Francisco.
Den jag gillade bäst är deras nya approach till Facebook Fans. Helt enkelt försvinner fans. Det räcker numera att du klickar på ”Like” intill något som är relaterat till din fanpage så blir personen en fan av din sida.
Detta innebär att det blir mycket lättare att samla fans och nå ut med sina budskap. Det första jag gjorde idag var att koda en integration av Like-knappen på Roliga Prylars alla produktsidor. Detta innebär att mina kunder kan se vilka av deras vänner som like:at en specifik produkt och även själva med ett knapptryck kan bli fans av mig på Facebook (åtminstone tror jag att det är så det funkar).
Såhär integrerar man knappen
1. Först lägger du in denna koden inom <head>-taggarna
<meta property=”og:title” content=”[TITEL PÅ DIN PRODUKT]”/>
<meta property=”og:type” content=”product”/>
<meta property=”og:url” content=”[DIREKTLÄNK TILL DIN PRODUKT]”/>
<meta property=”og:image” content=”[DIREKTLÄNK TILL BILD PÅ DIN PRODUKT]”/>
<meta property=”fb:admins” content=”[DITT FACEBOOK USER ID]”/>
<meta property=”og:site_name” content=”[NAMNET P ÅDIN BUTIK]”/>
2. Sedan lägger du in knappen såhär:
<iframe frameborder=”0″ scrolling=”no” allowtransparency=”65535″ style=”BORDER-RIGHT: medium none; BORDER-TOP: medium none; OVERFLOW: hidden; BORDER-LEFT: medium none; WIDTH: 350px; BORDER-BOTTOM: medium none” src=”http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F[ DIREKTLÄNK TILL DIN PRODUKT UTAN HTTP:// ] &layout=standard&show_faces=true&width=450&action=like&colorscheme=light”></iframe>
Disclaimer/Tips
Min likeknapp verkar funka kasst i min version av Firefox, men däremot perfekt i IE. Jag vet inte om det är jag som gjort fel eller Firefox/Facebook som suger tyvärr.
Comments 5
Snabbt jobbat. Jag gillar brasklappen att du åtminstone tror att det funkar på ett visst sätt. Känns webbentreprenörigt på något vis.
Har du någon bra länk til officiella instruktioner och övriga nyheter också?
Posted 24 Apr 2010 at 9:50 ¶Jag har inte tittat närmare på koden, men meta-elementet har väl ändå inget attribut som heter ”property”? Så här är det i alla fall dokumenterat i HTML4:
http://www.w3.org/TR/html401/struct/global.html#h-7.4.4.2
Kanske är det därför Firefox hanterar det på ett annat sätt än IE?
Posted 24 Apr 2010 at 12:16 ¶Jag tycker också det ser skumt ut med ”property” , men det står så i Facebooks dokumentation.
Posted 26 Apr 2010 at 17:31 ¶http://developers.facebook.com/docs/reference/plugins/like
Såg nu att property finns i XHTML2
http://www.w3.org/TR/2006/WD-xhtml2-20060726/mod-meta.html#sec_23.2.
Det är nog inte alla browsers som mår bra av XHTML2 ännu …
Posted 26 Apr 2010 at 17:33 ¶har bett andra med FF testa och det funkar för dem så det verkar vara virus i min dator bara
Posted 26 Apr 2010 at 18:30 ¶Post a Comment