söndag, 25 januari, 2009 | 17:45 | View Comments

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!

Sociable Swe Main Sociable SWE Inställningar

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.

Sociable SWE DownloadSå 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() ?>&amp;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() ?>&amp;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() ?>&amp;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&amp;bkmk=<?php the_permalink() ?>&amp;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&amp;url=<?php the_permalink() ?>&amp;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&amp;url=<?php the_permalink() ?>&amp;title=<?php the_title(); ?>&amp;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(); ?>&amp;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:

Spara / dela:  
Facebook   Twitter   Bloggy   del.icio.us   Pusha   LinkedIn   FriendFeed   Google   Maila artikeln!
  • Och för att köra samma pÃ¥ Blogger sÃ¥ blir det sÃ¥ här:

    TWITTER


    PUSHA


    FACEBOOK
  • 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 :)
  • Bäst, bäst, bäst. Jag älskar när nÃ¥gon annan gör jobbet Ã¥t mig. Tack! =P
  • Hej Undrar hur man fÃ¥r Spara / dela: före iconerna
  • Kanonbra!
    Precis vad jag behövde - tack så mycket.
  • 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
  • Snygga ikoner och precis vad jag letat efter.
  • 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
  • Har jag förstÃ¥tt det rätt att man inte kan installera detta plugin om man kör med wordpress.com?
  • Hmm. Vet inte vad det kan vara som är fel. Ska undersöka det under helgen.
  • jimmy
    Vad är det jag missar? Även dina knappar beter sig på samma sätt.
  • 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?
  • När kommer varianten med stora ikoner a la Karman?
  • Äntligen en bra plugin som funkar som den ska. Tackar!
  • 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?
  • Kodfel:
    sociable-swe/sociable.php
    Plugin URI: http://www,joinsimon.se (kommatecken istället för punkt mellan w och j).
  • @Johan och andra. Jag hÃ¥ller pÃ¥ att buggkolla hela systemet och kommer även lansera en ny version av Sociable pÃ¥ svenska inom kort :)
  • Ä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?
  • Nu inlagt pÃ¥ Prylkoll.se. Ut med sega AddThis. Tack Simon.
  • 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.
  • Snyggt Simon!

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

    Tack!
  • 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?
  • 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!
  • Grymt @jonasl och Simon! Nu har jag en Bloggyknapp ;)
  • @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
  • Ã…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.
  • Alltid trevligt med översatta plugins. Bra jobb!
  • 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...
  • I hur stor utsträckning används de här knapparna? Känns som att dom kan va ganska överflödiga ibland?
  • hehe.. precis men sÃ¥ snabb som Jonas är sÃ¥ är det säkert fixat till nästa helg ;)
Kommentarer via Disqus