söndag, 25 januari, 2009 | 17:45 | 43 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!

Inga relaterade inlägg.

Spara / dela:

Skrivet av: Simon Sundén

Kategorier: Bloggmarknadsföring, Egna projekt, Sociala Medier

Taggar: bloggknapp, facebook, knappar, linkedin, plugin, pusha, sociala, svenska, twitter, wordpress

http://www.suzannes.se Suzannes

hehe.. precis men så snabb som Jonas är så är det säkert fixat till nästa helg
http://www.kilodesign.se Martin

I hur stor utsträckning används de här knapparna? Känns som att dom kan va ganska överflödiga ibland?
http://www.joinsimon.se Simon Sundén

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…
http://www.andreaskarman.se Andreas Karman

Alltid trevligt med översatta plugins. Bra jobb!
http://www.sennbrink.se Sennbrink

Å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.
http://www.joinsimon.se Simon Sundén

@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
http://www.suzannes.se Suzannes

Grymt @jonasl och Simon! Nu har jag en Bloggyknapp
http://www.wolfers.nu/idag/2009/02/07/nytt-pa-sajten-sociala-knappar/ Jeroen Wolfers

[...] installerat Sociable omkodat till svenska av Simon Sundén. Då får man trevliga små “dela ut”-knappar under varje inlägg. [...]
http://www.digisocial.se Fredrik

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!
http://catherina.bloggy.se Cathirina

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?
http://www.lindqvist.com Nikke

Snyggt Simon!

På tiden att någon gjorde det igen. Jag bara älskar det nuvarande tempot hos dig och resten av Iconvert!

Tack!
http://psykbryt.com Psyk

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.
http://www.prylkoll.se Gunnar Lindberg Årneby

Nu inlagt på Prylkoll.se. Ut med sega AddThis. Tack Simon.
http://www.galveston.se Johan

Ä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?
http://www.joinsimon.se Simon Sundén

@Johan och andra. Jag håller på att buggkolla hela systemet och kommer även lansera en ny version av Sociable på svenska inom kort
http://www.sennbrink.se Björn Sennbrink

Kodfel:
sociable-swe/sociable.php
Plugin URI: http://www,joinsimon.se (kommatecken istället för punkt mellan w och j).
http://www.joinsimon.se/new-old-dnse/ New old DN.se | joinsimon.se

[...] 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. [...]
http://larskarlsson.wordpress.com Lars Karlsson

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?
http://www.andreaskarman.se/2009/04/23/egna-sociala-bokmarken-med-wordpress/ Egna sociala bokmärken med WordPress | Andreas Karman

[...] 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 [...]
http://www.bloggpunkten.se Janne

Äntligen en bra plugin som funkar som den ska. Tackar!
http://larskarlsson.wordpress.com Lars Karlsson

När kommer varianten med stora ikoner a la Karman?
jimmy

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?
jimmy

Vad är det jag missar? Även dina knappar beter sig på samma sätt.
http://www.joinsimon.se Simon Sundén

Hmm. Vet inte vad det kan vara som är fel. Ska undersöka det under helgen.
http://wpxl.se/?p=90 Hjälp besökaren att sprida dina länkar | wpxl

[...] 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 [...]
http://scarymary.se/nyheter-scarymary-uppdateringar/ Scary Marys blogg » Blog Archive » Nyheter på Scarymary.se (några uppdateringar)

[...] 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. [...]
http://scarymary.se/fler-uppdateringar-scarymary/ Scary Marys blogg » Blog Archive » Fler uppdateringar på scarymary.se

[...] Ganska nyligen genomförde jag några uppdateringar på scarymary.se. Några av dessa var ny design, mobilanpassad blogg och Sociable-pluginet. [...]
http://www.bjornsennbrink.se/wordpress/7-plugins-for-din-wp-installation/ Sju plugins som gör WordPress bättre | Björn Sennbrink

[...] 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. [...]
http://byggmaglev.se/ Fredrik Larsson

Har jag förstått det rätt att man inte kan installera detta plugin om man kör med wordpress.com?
David

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
http://www.springbeat.se Thomas

Snygga ikoner och precis vad jag letat efter.
http://johanwigmo.se/2009/06/05/sociable-pa-svenska/ Sociable på svenska

[...] 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. [...]
http://gertfrost.se Gert Frost

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
http://www.tomazlaven.se/ Tomaz

Kanonbra!
Precis vad jag behövde – tack så mycket.
http://www.pcguiden.org Peter Carlberg

Hej Undrar hur man får Spara / dela: före iconerna
http://annalinnea.net Lolita Loco

Bäst, bäst, bäst. Jag älskar när någon annan gör jobbet åt mig. Tack! =P
http://www.godisgris.se/2010/01/08/min-bror-gillade-inte/ Godisgris.se » Min bror gillade inte…

[...] jobbet upptäcker man mer så bl.a bytte jag ut min ”dela med dig”-plugg mot Sociable SWE och la till två [...]
http://ztrixq.se/wp/wordpress-plugin/17-wordpress-plugin-jag-anvander-for-olika-funktioner/ 19 WordPress plugin jag använder för olika funktioner | ZtrixQ.se

[...] Sociable – SWE Version [...]
christopher

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
http://definitionofdone.blogspot.com Erik Fors-Andrée

Och för att köra samma på Blogger så blir det så här:

TWITTER

PUSHA

FACEBOOK
B3tty

Underbart! Precis vad jag letade efter. TACK!
http://www.bjornsennbrink.se/14-wp-plugins-du-maste-ha/ Wordpress | 14 WP-plugins du måste ha | WordPress-konsult Björn Sennbrink

[...] Sociable – SWE Delningsfunktion av innehåll i blogginlägg, sidor, RSS-flöden, inläggsarkiv etc till Facebook, [...]
http://twitter.com/lindadizazzo Linda di Zazzo

Varför är knapparna mycket mindre (endast 15 px stora) på min site än de som du har på din (25px)?

Blogg om SEO, sociala medier och marknadsföring

- och annat inom internets ljuva värld av @Joinsimon – Simon Sundén

Sociala knappar på svenska!

Sociable på svenska!

Så vad väntar du på? Ladda ner direkt!

Hårdkodad variant

Prenumerera & Följ:

Prenumerera via mail

Joinsimon@Twitter

Google Ads

Joinsimon @ Facebook

Google Friend Connect

Sök på bloggen!

Translate!

Senaste kommentarer

Kategorier

Taggmoln

Övrigt