Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Lägg till en flytande delningsruta i WordPress med Smart Sharing Plugin

Vi fick en enorm mängd e-postmeddelanden från folk som frågade oss hur man skapar en flytande delningsruta på sin WordPress-sida. Var det ett plugin? Efter att ha samarbetat med vårt team beslutade vi att det var mer effektivt om vi skapade ett gratis plugin istället för att svara på varje enskilt e-postmeddelande.

Vad gör detta Smart Sharing Plugin?

Smart delning lägger till en flytande ruta med sociala medieknappar endast i enskilda inlägg. Som standard kan du välja mellan retweet, facebook, digg och stumbleupon. Men du är inte begränsad till dessa val eftersom det finns ett alternativ att lägga till dina egna anpassade koder.

Vilken är fördelen med detta plugin?

Detta plugin tillämpar B.F. Skinners teori om positiv förstärkning på marknadsföring i sociala medier. Normalt placeras knappar antingen överst i inlägget eller längst ner i inlägget. Även om båda dessa positioner är OK, är de inte de bästa. Om du placerar dem längst ner i inlägget, förväntar du dig att användaren läser hela vägen ner. Ibland gillar användare inlägget, och de läser inte hela artiklar. Men de skulle ändå dela dina artiklar om det fanns en positiv förstärkning. Detta plugin lägger till en liten flytande ruta som rullar ner med användaren, så att de kan rösta när de är klara.

Läs mer om detta plugin och ladda ner det

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

100 Comments

  1. @wpbeginner@RuthMadison82 Jag försökte som du sa men fick ingen nedladdningslänk.

  2. @RuthMadison82 Om det står att du redan har registrerat dig, betyder det att du är medlem i vårt nyhetsbrev. Leta igenom din e-post eftersom nedladdningslänken skickades till dig i det slutliga välkomstmeddelandet när du först registrerade dig. Annars, avprenumerera helt enkelt och återanslut.

  3. Är detta tänkt att hjälpa nybörjare? Jag kan inte förstå hur jag laddar ner det. Jag går till sidan och den säger åt mig att registrera mig för nyhetsbrevet, så jag gör det, och jag klickar på “ladda ner” och den säger att jag redan är registrerad för nyhetsbrevet, men ger mig inte ett plugin. Jag blir väldigt frustrerad.

  4. Jag har precis installerat pluginet. Delningsfältet är inte statiskt som ditt, det följer sidans scrollning. Hur gör jag det statiskt?

  5. hi @wpbeginner i just found out the smart sharing plugin breaks “GRAVATAR HOVERCARS” feature found in the Jetpack plugin. could u fix it? i luv ur plugin but kinda want the hovercards feature too! :(

  6. hej jag lade till pluginet på min webbplats. tack för pluginet! undrar bara hur du får listen att försvinna när du når botten av sidan som på din webbplats?

  7. jag fixade problemet genom att ta bort detta:

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>

    Den kallades två gånger.

    Thanks for your quick answer anyway. :)

  8. @BijanGhorbani Det finns olika lightbox-skript. Ett måste vara ovanför eller under det andra. Om SmartSharing-skripten är ovanför det, kommer de att orsaka problemet.

  9. @wpbeginner Hur föreslår du då att det bästa sättet att placera JS-koderna skulle vara?

  10. Jag installerade det här pluginet och det fungerar bra, men det har inaktiverat alla lightbox-effekter i mina inlägg, vilket är riktigt dåligt. Vad är det som krockar med lightbox-effekten i det här pluginet?

  11. Hej, jag installerade precis detta fantastiska plugin och allt gick smidigt, mitt problem är att pluginet inte flyter som det på den här sidan, det sitter bara på ett avstånd från toppen av sidan och när du scrollar ner går det inte ner med dig.

  12. @wpbeginner kommer att göra det. Jag installerade Sharebar som en tillfällig lösning, så jag kommer att byta tillbaka dem senare och skicka en skärmdump.

    Tack!

  13. @rdempsey Rob, skicka ett e-postmeddelande så att jag kan se vad som går fel. Inkludera även en länk till din webbplats.

  14. @wpbeginner det här är första gången jag installerar pluginen. Registrerade mig, laddade ner och installerade idag.

  15. Laddade ner, installerade och aktiverade pluginet. Enda problemet är att två staplar visas – en statisk och den andra som dynamiskt följer innehållet. Jag använder WP 3.1.3 med Genesis 1.6 och ett barn-tema. Några gissningar? Tack!

      • !! Det fungerar! Jag hade bara inte insett att det fanns en separat inställningsknapp i sidopanelen. Ändå borde Retweet- och Facebook-knapparna vara markerade som standard enligt min mening. Hur som helst, ni är fantastiska! Tack för svaret.

  16. Precis som wpbeginner.com:s delningsfält är det inte fäst vid webbläsarens kant som sådan, så för att göra det lite bättre för olika skärmupplösningar, fäst det vid innehållet och på så sätt kommer delningsrutan bara att klippas av när webbläsarfönstret ändras storlek!

    Jag ersatte php-koden för delningsrutan med statisk css (i pluginets .php-fil):

    .sharepost{float:left; border:1px solid #E8E8E8; margin-right:10px; position:fixed; background:#FFF; margin-left:-100px; width:60px; z-index:0}

    .sharer{padding:5px; border-bottom:1px solid #e8e8e8}

    Detta kommer att komma igång, men du måste göra alla framtida justeringar från din wordpress-pluginredigerare i .php-filen!

  17. Vilka ändringar gjorde du i pluginet för att få det att vara osynligt på din webbplats i mobila webbläsare?

    När jag laddar min webbplats på min mobil överlappar plugin-programmet innehållet.

    Om du kunde dela här, skulle det vara mycket hjälpsamt. Tack!

  18. Jag har installerat pluginet på en wordpress 3.01-installation och även om installationen gick igenom bra och jag ställde in alternativen, visas ingenting på mina blogginlägg.

    Skulle du kunna titta på det? Webbplatsen är länkad till mitt namn

    tack.

    • Plugin kan inte registrera sig i sidfoten. Du kan behöva kontrollera den funktionen. Många användare hade detta problem när de körde på Thesis. Vi arbetar på en ny version av detta plugin, som kommer att vara grym.

  19. Detta plugin fungerade bra tills jag uppgraderade till wordpress 3.0, nu säger det att pluginet orsakar ett fatalt fel.

    Vad kan jag göra åt detta?

    • Kontrollerade precis pluginet med 3.0 (det fungerar bra). Det måste ha varit ett problem med ett annat plugin. Kan du vänligen skicka oss detaljer om din webbplats (webbplatsnamn), de plugins du använder etc., så att vi kan hjälpa dig vidare.

  20. Jag har installerat det på min webbplats men tyvärr fungerar inte StumbleUpon-ikonen korrekt. Om du klickar på Stumble försöker den snubbla en viss sida, för många inlägg.

    Hur fixar jag det här?

  21. Really light weight and nice plugin. (will advice you to make it more lighter :) – and never use jquery with it)

    however, like many people here, i was not able to make the plugin work with my theme too (using thesis 1.7) however i’ve solved the issue by making change in the code by replacing your get_footer to wp_footer. hopefully it will make some changes in your next release :)

    för de som behöver fixa problemet att reglaget inte visas alls efter att ha aktiverat pluginet, jag har förklarat stegen här: http://nabtron.com/smart-sharing-plugin-now-showing-on-thesis-1-7-theme-solved/2653/

  22. Koden fungerar inte. Jag lade precis till den i min sidmall och den visas inte alls.

    Finns det en specifik plats i sidmallen där den behöver läggas till?

    Hope to hear from you soon. Cheers ;-)

  23. På den här sidan ser jag att retweet- och Fshare-grejen försvinner vid lägre upplösningar (för 1024×768 och 800×600). Hur uppnår jag detta? Det är en så fin plugin, men ser inte bra ut när den flyter över sidtexten vid ovan nämnda upplösningar.

  24. Tack för det här pluginet. Har ett problem. Min Facebook-delningsknapp, när jag publicerar den, kan den inte visa artikelns namn längre? Och inte bilden heller? Kan jag lösa det?

  25. Jag har aktiverat detta plugin och det visas inte på min sida? Jag är inte säker på vad som händer här, men jag är ganska säker på att jag har gjort allt rätt.

  26. Jag laddade precis upp pluginet och jag älskar det, men jag får ett 404-fel med tweet meme. Tweet meme fungerade alldeles utmärkt när jag hade den enskilda knappen installerad. Jag behöver bara ange mitt Twitter-namn, eller hur? Jag inaktiverade den ursprungliga memen jag hade installerat och rensade min cache, men den visas fortfarande med ett frågetecken. Hjälp?

    • Det fungerar inte automatiskt med alla teman. Du skulle behöva lägga till följande funktion i din single.php-fil add_smartsharing(); << kom ihåg att slå in det med PHP så fungerar det.

  27. Trevligt plugin. Letade efter något liknande mashables och jag tror att ni har det bästa hittills förutom att jag skapar mitt eget.

    Tack för informationen om anpassad kod.

  28. Tack så mycket för detta! Jag såg detta på mashable.com och har velat ha det till min nya sociala medieblogg. Jag visste inte namnet på pluginet, tack så mycket. Bra webbplats förresten! Hur många sociala webbplatser kan finnas på detta plugin samtidigt?

  29. Hej

    Jag har precis laddat ner och installerat ditt plugin, och det fungerar som en dröm... förutom en liten detalj.

    Captcha-dialogen är en riktig avskräckare, särskilt eftersom orden inte alltid är så läsbara. Hur kan jag bli av med den? Jag har redan tittat i plugin-koden, men jag kunde inte hitta något som liknade det.

    Kan du peka mig i rätt riktning?

    Tack så mycket och grattis till ditt arbete.

  30. This is like the hottest social media network plugin in the world! :) I really love it but I hope you could make it as awesome as the one in Mashable :)

  31. I’m wondering why the box is attached to my browser edge instead of my content just like you have here…in this way works fine, but in mine it overlap the content for resolutions smaller than 1024px….please help me! :)

    • Anledningen till att den är fäst vid webbläsarens skärm är att det är det enklaste och smidigaste sättet att lägga till den. Genom att göra det på det här sättet kan vi göra detta plugin användbart för de flesta teman. Du kan se CSS för detta plugin och sedan tillämpa det manuellt på din webbplats om du vill. Det är en enkel position:fixed-tagg. Det enda är att du inte får några av funktionerna i adminpanelen genom att göra det på det sättet.

      Du kan ändra plugin-filen lite. Ändra CSS-egenskaperna efter dina behov och ändra sedan filtret för automatisk läggning. Lägg sedan till plugin-funktionen add_smartsharing() manuellt i din single.php-fil bredvid din innehålls-div. Men det är mycket arbete och endast användare med erfarenhet av PHP och HTML/CSS kommer att kunna göra det.

      • Can you please create a blog post with instructions for how to make this modification (or even how to add that additional functionality Mashable has where the share buttons snap to above the content when the browser is reduced to a certain width)? Or email me. I’ll donate! ;-)

        • Nej, vi kommer inte att offentligt tillhandahålla några handledningar om hur man anpassar CSS. Detta plugin släpps som det är och vi kommer inte att tillhandahålla någon gratis support.

  32. Kommer ni att implementera Facebooks nya "Gilla-knapp" i den här pluginen istället?

    Verkar som att det kommer att bli mycket mer "klibbigt".

  33. Tack för pluginet! Jag har letat överallt efter den här delningswidgeten i Mashable-stil.

    Tänkte på Meebo-fältet.. men det här är PERFEKT!

  34. Först av allt! Fantastiskt plugin!

    I have installed it and it works fine ;)

    I just have a small problem if i click on retweet i always been redirect to tweetmeme :( How cna i get it workin that the useer who clicks on retweet gets redirect direct to our tweeter account ?

    Många tack

    Sascha

  35. Hej,

    Hur justerar man den flytande delningsfältet till innehållet och inte till webbläsarens kant? Jag ser att din är justerad till innehållet men pluginet är det inte. All hjälp vore stor.

    Tack!

    • Det är bara möjligt om du lägger till funktionen manuellt och modifierar css för att passa dina behov. Du behöver förstå css fixed-egenskapen och lägga till den i din single.php.

      Här är hur du kan göra det. Aktivera först plugin-programmet, öppna sedan din temas function.php-fil. Lägg till följande rad:

      remove_action( 'get_footer', 'add_smartsharing' );

      Genom att göra detta har du bara tagit bort den automatiska funktionen. Sedan kan du placera den här koden i din single.php-fil för att anropa funktionen manuellt där du vill.

      function add_smartsharing()..

      Du skulle också behöva redigera CSS-filen för att passa dina behov. Pluginet lägger som standard inte till det bredvid innehållet.

      Kom ihåg att se till att redigera CSS:en så att den passar dina behov. Standard

  36. Jag försöker implementera en flytande delningsverktygsfält som den som mashable använder på en tumblr-blogg, finns det något sätt att en CSS-, HTML- eller jquery-version av detta kan härledas från detta plugin? Och om så är fallet, hur svårt/lätt skulle det vara?

  37. Jag laddade upp sharesmart-pluginet till min wordpress-sida och allt gick bra. Min sida är dock inte på engelska (ja, gissa vad, det är sant att det finns en hel värld där ute som inte läser eller talar engelska). Finns det något sätt att ändra till exempel ,,Share”, “shares” till ett annat språk?

  38. Hej Syed!
    Jag älskar din plugin. Jag har installerat och det fungerade perfekt. Men nu när jag har bytt tema har det försvunnit. Jag har också försökt att avinstallera och installera igen, men inget dyker fortfarande upp.
    Tack så mycket för din hjälp!

  39. Ni är fantastiska. Jag har letat efter något liknande ett tag nu, och det fungerar perfekt på min blogg.

    Jag försökte installera koden för den ursprungliga Facebook Share-knappen (http://www.facebook.com/facebook-widgets/share.php), men det verkar inte fungera med det här pluginet (varje siduppdatering skulle återställa räknaren). Så det är synd att jag måste förlora min delningsräkning, men det är värt det för att integrera denna fantastiska funktionalitet.

    Kan du också hänvisa mig till var jag kan hitta koden för en Google Buzz-knapp med räknare?

    Tack så mycket för ett fantastiskt plugin!

    • Du behöver inte förlora dina delningsräkningar? fshare kommer att visa samma antal som facebook-delningsknappen. För google-knappen, läs den här artikeln på Balkhis om Google Buzz-antal.

      Efter att ha läst den sidan skulle du se varför det inte är rätt att visa buzz-antalet för tillfället. Men om du fortfarande tycker att du vill lura din publik med ett manipulerbart antal, använd då denna handledning (Länk )

      • Hej! Jag tappade inte mina delningsräkningar för de flesta av mina artiklar, men jag gjorde det definitivt för mitt senaste blogginlägg vid installationstillfället; jag hade 27 Facebook-delningar, men det återställdes till 0. Det verkar dock som att delningsräkningen fördes över på resten av mina blogginlägg.

        Finns det också ett sätt att visa detta plugin på startsidan såväl som på enskilda inlägg?

        Much thanks! :-)

        • Nej, detta plugin kommer inte att visas på startsidan om du inte lägger till funktionen i ditt tema. Vi rekommenderar dock inte att lägga till detta på startsidan. Din startsida har många inlägg, vilket inlägg ska detta plugin dela?

          Här är funktionen om du vill anropa den någon annanstans add_smartsharing()

        • Tja, du ser hur Mashable har knapparna Tweetmeme, Facebook Share, etc. på varje inlägg på startsidan, och sedan har den flytande delningsrutan inom varje inlägg? Jag skulle i slutändan vilja göra det också. Men om jag inte kan det är det inte världens undergång; min startsidas laddningstid är mycket snabbare nu.

          Thanks again! :-)