söndag, 25 januari, 2009 | 17:45 | 40 kommentarer
Sociala knappar på svenska!
Jag har länge fått många frågor hur man lägger in sk. sociala knappar på ens blogg som jag själv har. Avänder du dig av Wordpress behöver du inte fråga längre, för nu har jag översatt och modiferat ett av de bästa pluginsen för detta samt även delar med mig av en traditionell kod-variant.Marknadsföring, SEO & Sociala Medier | Joinsimon.se › Edit Post — WordPress
Principen med sociala knappar är ganska enkel. Tycker en läsare om vad du skriver så kan läsaren väldigt enkelt dela med sig av inlägget genom att direkt kunna maila, dela med sig på Facebook eller andra sociala medier. Bra mycket smidigare än att låta läsarna leka copy-paste i adressfältet.
Sociable på svenska!
Det finns en mängd olika plugins för sociala knappar, men det jag fastnat för främst är Joost de Valks Sociable. Eftersom det är anpassat för den internationella marknaden saknas främst den svenska sajten Pusha. Lägg där till att standardinställningarna är baserat för engelska sajter, och vissa av dessa sociala medierna använder vi oss inte av.
Därför har jag nu översatt och modifierat hela pluginet. Ingenting tagits bort utan vill man så går det att välja mellan 100 olika sociala knappar
.
Pluginet generellt är riktigt smidigt eftersom man kan definiera var man vill ha de sociala knapparna. Det går att ställa in ifall man vill ha dem på enskilda bloggposter, sidor, kategori-sidor, tagg-listningar, sökresultat och RSS-flöden. Möjligheten att ändra själv är alltså extremt stor och det är riktigt smidigt.
Så vad väntar du på? Ladda ner direkt!
HÃ¥rdkodad variant
I vissa fall kanske man inte vill använda sig av pluginet utan vill modifera det så att det inte hamnar i själva brödtexten på ens inlägg. I vissa sådana fall kan det vara bra med en hårdkodad variant.
Here it comes:
Facebook-knapp:
<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=<?php the_permalink() ?>&t=<?php the_title(); ?>" title="Facebook"><img src="<?php bloginfo('template_directory'); ?>/images/social/facebook.png" title="Facebook" alt="Facebook" /></a>
Delicous-knapp:
<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="del.icio.us"><img src="<?php bloginfo('template_directory'); ?>/images/social/delicious.png" title="del.icio.us" alt="del.icio.us" /></a>
Pusha-knapp:
<a rel="nofollow" target="_blank" href="http://www.pusha.se/posta?url=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="Pusha"><img src="<?php bloginfo('template_directory'); ?>/images/social/pusha.png" title="Pusha" alt="Pusha" /></a>
Bloggy-knapp:
<a rel="nofollow" target="_blank" href="http://bloggy.se/home?status=<?php the_title(); ?>+<?php the_permalink() ?>" title="Bloggy"><img src="<?php bloginfo('template_directory'); ?>/images/social/bloggy.png" title="Bloggy" alt="Bloggy" /></a>
Google Bookmarks-knapp:
<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&bkmk=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="Google"><img src="<?php bloginfo('template_directory'); ?>/images/social/googlebookmark.png" title="Google" alt="Google" /></a>
Twitter-knapp:
<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=<?php the_permalink() ?>" title="TwitThis"><img src="<?php bloginfo('template_directory'); ?>/images/social/twitter.gif" title="TwitThis" alt="TwitThis" /></a>
MSN/Live-favorit knapp:
<a rel="nofollow" target="_blank" href="https://favorites.live.com/quickadd.aspx?marklet=1&url=<?php the_permalink() ?>&title=<?php the_title(); ?>" title="Live"><img src="<?php bloginfo('template_directory'); ?>/images/social/live.png" title="Live" alt="Live" /></a>
LinkedIn-knapp:
<a rel="nofollow" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink() ?>&title=<?php the_title(); ?>&source=<?php bloginfo('name'); ?>" title="LinkedIn"><img src="<?php bloginfo('template_directory'); ?>/images/social/linkedin.png" title="LinkedIn" alt="LinkedIn" /></a>
Maila-knapp:
<a rel="nofollow" target="_blank" href="mailto:?subject=<?php the_title(); ?>&body=<?php the_permalink() ?>" title="Maila artikeln!!"><img src="<?php bloginfo('template_directory'); ?>/images/social/email_link.png" title="Maila artikeln!" alt="Maila artikeln!"/></a>
Skriv ut-knapp:
<a rel="nofollow" href="javascript:window.print();" title="Skriv ut artikeln!"><img src="<?php bloginfo('template_directory'); ?>/images/social/printer.png" title="Skriv ut artikeln!" alt="Skriv ut artikeln!" /></a>
Förklaring till de fetmarkerade begreppen:
<?php the_title(); ?>= Titeln på inlägget<?php the_permalink() ?>= Permalänken till inlägget<?php bloginfo('template_directory'); ?>= URL:en till ditt template/tema.
För att sedan få det att fungera så behöver du skapa en underkatalog till ditt template (förslagsvis /images/social). Jag har även bifogat dessa bildknapparna som en .zip-fil så att du enkelt kan lägga in dem som du känner för.
Varför har jag valt just dessa sociala knappar/bokmärkesknappar?
Dessa har jag valt ifrån utgångspunkten att de här är de som jag tror att svenskarna använder i hög grad. Har man en internationell, engelsk blogg bör man givetvis ha med knappar såsom Digg, Reddit m.fl. Eftersom detta är en svensk blogg med svenska läsare så blir det därefter.
Det hela beror ocksÃ¥ pÃ¥ vad för typ av blogg man har och vilken mÃ¥lgrupp man inriktar sig mot. Har du exempelvis en modeblogg inriktat mot 18-Ã¥riga tjejer kan du nog plocka bort nÃ¥gra knappar och säkerligen lägga till en MySpace-knapp osv…
Använd, sprid, älska, eller frÃ¥ga mer om hur du gör – jag hjälper gärna till.
P.S. Nu saknar vi bara Bloggy-knappen. Jonas Leijon, you fix?
[Uppdatering 02:56 7/2 - 2009] Jonas har nu fixat Bloggy-knappar nu så posten och pluginet är uppdaterad med det!
Ev. liknande inlägg:
- Vilka sociala knappar klickar vi på?
- Fredrick Federley – politisk kung pÃ¥ sociala medier
- 10 uppdateringar här på bloggen
- Måste alla politiker finnas på samtliga sociala medier?
- Linkerati, Connectors, Sneezers, Spindlar – eh, vad tusan ska vi kalla dem pÃ¥ svenska?

















40 kommentarer
januari 25th, 2009 at 18:28
hehe.. precis men så snabb som Jonas är så är det säkert fixat till nästa helg
januari 25th, 2009 at 20:09
I hur stor utsträckning används de här knapparna? Känns som att dom kan va ganska överflödiga ibland?
januari 25th, 2009 at 20:15
Vet inte exakt hur mycket de används egentligen – men personligen tycker jag de är ganska smidiga.
I takt med att ökandet av sociala medier ökar tror jag vi kommer fÃ¥ se mer användning av dem i framtiden…
januari 25th, 2009 at 22:12
Alltid trevligt med översatta plugins. Bra jobb!
januari 26th, 2009 at 1:05
Åh nu blir jag glad. Har använt Sociable en hel del men har saknat en svensk anpassning. Bra jobbat!
Ett alternativ till Sociable är Share This av Alex King som liknar Add This som används pÃ¥ Bloggy. Det är bra för att det med hjälp av javascript kan bäddas in mellan t.ex. ”kategori” och ”kommentarer” i botten av enskilda inlägg. Gillar man inte grafiken gÃ¥r det att ha vanlig text, nÃ¥got som jag la till när jag gjorde loversflow punkt se.
En fördel med ST framför Sociable är att epost kan sändas direkt från blogginlägget utan att behöva starta epostprogrammet.
januari 26th, 2009 at 1:08
@Sennbrink Jag funderar pÃ¥ att utveckla Sociable vidare en del – dels med nya smarta funktioner samt även när svenska sociala knappar dyker upp än mer.
Bloggy-knapp lär komma snart och jag tror bara vi sett början på Sociala Medier-boomen i Sverige
februari 7th, 2009 at 9:59
Grymt @jonasl och Simon! Nu har jag en Bloggyknapp
februari 7th, 2009 at 12:44
[...] installerat Sociable omkodat till svenska av Simon Sundén. DÃ¥ fÃ¥r man trevliga smÃ¥ “dela ut”-knappar under varje inlägg. [...]
februari 7th, 2009 at 14:10
Nice, bytte faktiskt ut sociable och körde på din hårdkodade variant. La det på en egen sida och inkluderar den där jag vill ha den. Smidigt.. Tack!
februari 7th, 2009 at 18:11
Snyggt! Jättebra med svenska knappar!
Provade det mot Bloggy och det funkade bra. Dock undrar jag vad det där frågetecknet gör för något efter länken?
februari 7th, 2009 at 19:43
Snyggt Simon!
På tiden att någon gjorde det igen. Jag bara älskar det nuvarande tempot hos dig och resten av Iconvert!
Tack!
februari 7th, 2009 at 19:58
Jag vet inte vad det är med min installation och Sociable… Jag har försökt och försökt, avinstallerat plugins och grejat, men fÃ¥r alltid det här felmeddelandet:Warning: main() [function.main]: open_basedir restriction in effect. File(/yoast-posts.php) is not within the allowed path(s): (/home/webhosting/psykbryt) in /home/webhosting/psykbryt/psykbryt.com/www/wp-content/plugins/sociable-swe/sociable.php on line 1062
Vet du möjligen vad detta kan vara för fel? Det blir samma sak med den engelska sociable. Skulle vara toppen att få det att funka. Använder Bookmark me-tillägget nu men vill gärna få in Bloggy-grejen
Tack på förhand.
februari 10th, 2009 at 1:58
Nu inlagt på Prylkoll.se. Ut med sega AddThis. Tack Simon.
februari 12th, 2009 at 12:07
Är det bara jag som har problem med svenska tecken för pusha knappen? Har problemet med denna version och innan med ”originalet” av Sociable. Kör WP 2.7 men hade problem innan pÃ¥ 2.6. NÃ¥gon som kan testa att pusha ett inlägg där titeln innehÃ¥ller Ã¥, ä eller ö och rapportera om det fungerar?
februari 13th, 2009 at 13:32
@Johan och andra. Jag håller på att buggkolla hela systemet och kommer även lansera en ny version av Sociable på svenska inom kort
februari 15th, 2009 at 11:22
Kodfel:
sociable-swe/sociable.php
Plugin URI: http://www,joinsimon.se (kommatecken istället för punkt mellan w och j).
februari 18th, 2009 at 1:16
[...] Sen undrar jag – vem ini bomben valde de olika sociala knapparna som är med pÃ¥ varje artikel? Hur stor sannolikhet är det att en svensk lägger upp en DN-artikel pÃ¥ Digg.com, och tror verkligen DN att de kommer hamna pÃ¥ nÃ¥gra topplistor där? Hur mÃ¥nga har ens hört talas om Ma.gnolia (som för övrigt varit nere i 10 dagar nu), och är verkligen Stumble Upon en tjänst som svenskar använder? Nej, gör om gör rätt – ett tips är att börja gÃ¥ efter de sociala knappar som finns som standard i Sociable SWE. [...]
mars 14th, 2009 at 23:52
Hallå där!
Har precis satt mig för att hårdkoka in knapparna i mitt tema, men ser att zippen med knapparna är borta .. argh ..
Är du snäll och lägger upp den, eller skall jag sy ihop ifrån de bilder från sociable-sv som jag redan har?
april 23rd, 2009 at 1:51
[...] att ha använt Sociable en längre tid för att visa sociala bokmärken så skapade jag för några dagar sedan mina egna [...]
april 29th, 2009 at 16:03
Äntligen en bra plugin som funkar som den ska. Tackar!
maj 4th, 2009 at 19:37
När kommer varianten med stora ikoner a la Karman?
maj 15th, 2009 at 12:54
Jag har problem med detta plugin. När man trycker på nån ikon för att dela så redirectas jag bara till inlägget ifråga. Endast delicious-knappen funkar. Jag har bara installerat och inte ändrat nånting, vad är fel?
maj 15th, 2009 at 12:58
Vad är det jag missar? Även dina knappar beter sig på samma sätt.
maj 15th, 2009 at 17:58
Hmm. Vet inte vad det kan vara som är fel. Ska undersöka det under helgen.
maj 19th, 2009 at 8:11
[...] Bloggy, alltså för lite mer svenska förhållanden. Redan i januari översatta Simon Sundén Sociable helt till svenska, och öppnade därmed möjligheter för bloggare med i huvudsak svenska besökare att låta sina [...]
juli 23rd, 2009 at 12:32
[...] Sociable på svenska: Jag har infogat några knappar under varje inlägg så du kan dela med dig till andra sociala nätverk: Facebook, Pusha, Bloggy, Twitter, Delicious, Google Bookmarks och maila artikeln. [...]
augusti 8th, 2009 at 0:02
[...] Ganska nyligen genomförde jag några uppdateringar på scarymary.se. Några av dessa var ny design, mobilanpassad blogg och Sociable-pluginet. [...]
augusti 22nd, 2009 at 23:21
[...] Sociable SWE – Att dela innehÃ¥ll med andra är bra, att göra det pÃ¥ svenska är ännu bättre. Fördelen med att använda Sociable i svensk version är att ex. Pusha (inte Bloggy som jag skrev först) finns pÃ¥ tillvalslistan över de tjänster som du vill visa. [...]
september 16th, 2009 at 20:08
Har jag förstått det rätt att man inte kan installera detta plugin om man kör med wordpress.com?
oktober 20th, 2009 at 22:42
Hej,
Får inte din hårkodning att synas.
Kan du vara jätte snäll att skriva ut hela hårkorden med färdiga länkar till teman.
Tackar
november 8th, 2009 at 15:44
Snygga ikoner och precis vad jag letat efter.
november 30th, 2009 at 11:41
[...] Jag har precis installerat pluginet Sociable som gör att du kan spara eller dela med dig av mina inlägg på till exempel Facebook eller Twitter. Jag har även fått tag i en svensk variant, via tips av Slowmove, från JoinSimon. [...]
december 3rd, 2009 at 19:13
Installerat och klart.
Fantastiskt!
Till och med för en rookie som jag.
Hmm, hur f-n går det till?
Titta gärna in en sväng.
TACK!
Bästa hälsningar
Gert
december 17th, 2009 at 14:13
Kanonbra!
Precis vad jag behövde – tack sÃ¥ mycket.
december 23rd, 2009 at 22:12
Hej Undrar hur man får Spara / dela: före iconerna
januari 7th, 2010 at 14:04
Bäst, bäst, bäst. Jag älskar när någon annan gör jobbet åt mig. Tack! =P
januari 8th, 2010 at 1:43
[...] jobbet upptäcker man mer sÃ¥ bl.a bytte jag ut min ”dela med dig”-plugg mot Sociable SWE och la till tvÃ¥ [...]
januari 26th, 2010 at 8:47
[...] Sociable – SWE Version [...]
januari 30th, 2010 at 13:51
Tänkte precis hacka ihop det här själv efter att ha sett effekten av a2a på en rätt välbesökt sajt :/
Nu slapp jag. Tack
mars 14th, 2010 at 4:27
Och för att köra samma på Blogger så blir det så här:
TWITTER
PUSHA
FACEBOOK
Kommentera inlägget