Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Adaugă o casetă de partajare plutitoare în WordPress cu pluginul Smart Sharing

Primeam un număr enorm de emailuri de la oameni care ne întrebau cum să facă o casetă de partajare flotantă pe site-ul lor WordPress. Era un plugin? După ce am colaborat cu echipa noastră, am decis că este mai eficient dacă creăm un plugin gratuit decât să răspundem la fiecare email individual.

Ce face acest plugin Smart Sharing?

Smart sharing adaugă o casetă plutitoare cu butoane de rețele sociale doar în postările individuale. Implicit, poți alege între retweet, facebook, digg și stumbleupon. Dar nu te limitezi la aceste opțiuni, deoarece există o opțiune de a adăuga propriile coduri personalizate.

Care este avantajul acestui plugin?

Acest plugin aplică teoria Întăririi Pozitive a lui B.F. Skinner la marketingul pe rețelele sociale. În mod normal, butoanele sunt plasate fie în partea de sus a postării, fie în partea de jos a postării. Deși ambele poziții sunt OK, nu sunt cele mai bune. Dacă le plasați în partea de jos a postării, atunci vă așteptați ca utilizatorul să citească până la sfârșit. Uneori, utilizatorilor le place postarea și nu citesc articolele complete. Dar ar partaja totuși articolele dvs. dacă ar exista o întărire pozitivă. Acest plugin adaugă o mică cutie flotantă care se derulează odată cu utilizatorul, astfel încât acesta să poată vota oricând a terminat.

Citiți mai multe despre acest plugin și descărcați-l

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

100 Comments

  1. am rezolvat problema prin eliminarea acestuia:

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

    A fost apelat de două ori.

    Thanks for your quick answer anyway. :)

  2. @BijanGhorbani Există diverse scripturi lightbox. Unul trebuie să fie deasupra sau dedesubtul celuilalt. Dacă scripturile SmartSharing sunt deasupra, atunci ele vor cauza problema.

  3. @wpbeginner Deci, cum sugerați că ar fi cel mai bine să plasați codurile JS?

  4. Am instalat acest plugin și funcționează bine, dar a dezactivat toate efectele lightbox din postările mele, ceea ce este foarte rău. Ce intră în conflict cu efectul lightbox în acest plugin, vă rog?

  5. Salut, tocmai am instalat acest plugin grozav și totul a decurs perfect, problema mea este că pluginul nu plutește ca cel de pe această pagină, pur și simplu rămâne la o anumită distanță de partea de sus a paginii și când derulezi în jos, nu coboară cu tine.

  6. @wpbeginner voi face asta. Am instalat Sharebar ca soluție temporară, așa că le voi schimba înapoi mai târziu și voi trimite o captură de ecran.

    Mulțumesc!

  7. @rdempsey Rob, trimite un email, ca să pot vedea ce nu merge. Te rog să incluzi și un link către site-ul tău.

  8. @wpbeginner aceasta este prima dată când instalez pluginul. Tocmai m-am înregistrat, am descărcat și am instalat astăzi.

  9. Am descărcat, instalat și activat pluginul. Singura problemă este că apar două bare – una statică și cealaltă care urmărește dinamic conținutul. Folosesc WP 3.1.3 cu Genesis 1.6 cu o temă copil. Aveți vreo idee? Mulțumesc!

      • !! Funcționează! Doar că nu realizasem că există un buton separat de setări în panoul lateral. Cu toate acestea, butoanele Retweet și Facebook ar trebui să fie bifate implicit, în opinia mea. Oricum, sunteți grozavi! Mulțumesc pentru răspuns.

  10. Similar cu bara de partajare de pe wpbeginner.com, aceasta nu este atașată de marginea browserului ca atare, deci pentru a o face puțin mai bună pentru diverse rezoluții de ecran, pur și simplu fixați-o de conținut și în acest fel caseta de partajare va fi pur și simplu decupată atunci când fereastra browserului este redimensionată!

    Am înlocuit codul php pentru caseta de partajare css (în fișierul .php al pluginului) pentru css static:

    .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}

    Acest lucru vă va ajuta să începeți, dar va trebui să faceți toate ajustările viitoare din editorul pluginului WordPress în fișierul .php!

  11. Ce modificări ați făcut la plugin pentru a-l face invizibil pe site-ul dvs. în browserele mobile?

    Când încarc site-ul meu pe mobil, pluginul suprapune conținutul.

    Dacă ați putea să împărtășiți aici, ar fi de mare ajutor. Mulțumesc!

  12. Am instalat pluginul pe o instalație WordPress 3.01 și, deși instalarea a decurs bine și am configurat opțiunile, nimic nu apare pe postările mele de blog.

    Ați putea să vă uitați la el? Site-ul este legat de numele meu

    mulțumesc.

    • Pluginul nu se poate înregistra în footer. S-ar putea să fie necesar să verificați acea funcție. Mulți utilizatori au avut această problemă când rulau pe Thesis. Lucrăm la o nouă versiune a acestui plugin, care va fi grozavă.

    • Puteți adăuga acest lucru pe un site static, dar nu veți avea nicio funcție de backend, deci totul trebuie să fie static. Doar adăugați CSS din acest plugin…

  13. Acest plugin a funcționat bine până când am făcut upgrade la wordpress 3.0, acum îmi spune că pluginul cauzează o eroare fatală.

    Ce pot face în legătură cu asta?

    • Tocmai am verificat pluginul cu 3.0 (funcționează bine). Trebuie să fi fost o problemă de colaborare cu un alt plugin. Ne puteți trimite prin e-mail detaliile despre site-ul dumneavoastră (numele site-ului), pluginurile pe care le utilizați etc., astfel încât să vă putem asista în continuare.

  14. Îl am instalat pe site-ul meu, dar din păcate pictograma StumbleUpon nu funcționează corespunzător. Dacă dai clic pe Stumble, încearcă să facă stumble pentru o anumită pagină, pentru multe postări.

    Cum pot remedia asta?

  15. 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 :)

    pentru cei care au nevoie să remedieze problema cu glisorul care nu apare deloc după activarea pluginului, am explicat pașii aici: http://nabtron.com/smart-sharing-plugin-now-showing-on-thesis-1-7-theme-solved/2653/

  16. Codul nu funcționează. Tocmai l-am adăugat la șablonul paginii mele și nu apare deloc.

    Există un loc anume în șablonul paginii unde trebuie adăugat?

    Hope to hear from you soon. Cheers ;-)

  17. Pe această pagină, văd că retweet-ul și chestia Fshare dispar pentru rezoluții mai mici (pentru 1024×768 și 800×600). Cum pot realiza acest lucru? Este un plugin atât de drăguț, dar nu arată bine când plutește peste textul paginii la rezoluțiile menționate anterior.

  18. Mulțumesc pentru acest plugin. Am o problemă. Butonul meu de partajare pe Facebook, când îl public, nu mai poate afișa numele articolului? Și nici imaginea? Pot rezolva asta?

  19. Am activat acest plugin și nu apare pe pagina mea? Nu sunt sigur ce se întâmplă aici, dar sunt destul de sigur că am făcut totul corect.

  20. Tocmai am încărcat pluginul și îmi place, dar primesc o eroare 404 cu tweet meme. Tweet meme a funcționat perfect când am instalat butonul individual. Trebuie să introduc doar numele meu de twitter, corect? Am dezactivat meme-ul original pe care îl aveam instalat și mi-am golit cache-ul, dar tot apare cu un semn de întrebare. Ajutor?

    • Nu funcționează automat cu toate temele. Va trebui să adăugați următoarea funcție în fișierul dvs. single.php add_smartsharing(); << amintiți-vă să o încadrați cu PHP și va funcționa.

  21. Plugin frumos. Căutam ceva similar cu mashables și cred că aveți cel mai bun de până acum, în afară de a-mi crea propriul meu.

    Mulțumesc pentru informațiile despre codul personalizat.

  22. Vă mulțumesc mult pentru asta! Am văzut asta pe mashable.com și mi-am dorit-o pentru noul meu blog de social media. Nu știam numele pluginului, vă mulțumesc mult. Site grozav, apropo! Câte site-uri sociale pot fi pe acest plugin odată?

  23. Salut

    Tocmai am descărcat și instalat pluginul dvs. și funcționează perfect… cu excepția unui mic detaliu.

    Dialogul captcha este un factor de descurajare real, mai ales că cuvintele nu sunt întotdeauna foarte lizibile. Cum pot scăpa de el? Am căutat deja în codul pluginului, dar nu am găsit nimic care să semene cu asta.

    Ați putea, vă rog, să mă îndrumați?

    Mulțumesc mult și felicitări pentru munca dumneavoastră.

  24. 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 :)

  25. 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! :)

    • Motivul pentru care este atașat de ecranul browserului este că este cea mai ușoară și simplă modalitate de a-l adăuga. Făcând acest lucru, putem face acest plugin utilizabil pentru majoritatea temelor. Puteți vedea CSS-ul acestui plugin și apoi să-l aplicați manual pe site-ul dvs. dacă doriți. Este o simplă etichetă position:fixed. Singurul lucru este că nu veți obține nicio funcție din panoul de administrare făcând acest lucru.

      Puteți modifica puțin fișierul pluginului. Schimbați proprietățile CSS conform nevoilor dvs. și apoi schimbați filtrul de adăugare automată. Apoi adăugați manual funcția pluginului add_smartsharing() în fișierul dvs. single.php lângă div-ul de conținut. Dar asta implică multă muncă și doar utilizatorii cu experiență în PHP și HTML/CSS vor putea face acest lucru.

      • 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! ;-)

  26. Veți implementa butonul „Like” nou al Facebook în acest plugin în loc de acesta?

    Pare că va fi mult mai „lipicios”

  27. Mulțumesc pentru plugin! Am căutat peste tot acest widget de partajare în stil Mashable.

    Mă gândeam la bara Meebo... dar asta este PERFECT!

  28. În primul rând! Plugin grozav!

    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 ?

    Mulțumiri multe

    Sascha

    • Aceasta este o problemă tweetmeme. Nu toată lumea este redirecționată acolo, doar unii oameni sunt. Nu știu de ce, dar sunt. Cel mai simplu mod este să scapi de el și să folosești un script alternativ adăugându-l în codurile personalizate.

  29. Salut,

    Cum aliniați bara de partajare flotantă la conținut și nu la marginea browserului? Văd că a dvs. se aliniază la conținut, dar pluginul nu. Orice ajutor ar fi de mare ajutor.

    Mulțumesc!

    • Acest lucru este posibil numai dacă adăugați funcția manual și modificați CSS-ul pentru a se potrivi nevoilor dumneavoastră. Trebuie să înțelegeți proprietatea CSS fixed și să o adăugați în fișierul single.php.

      Iată cum puteți face acest lucru. Mai întâi activați pluginul, apoi deschideți fișierul function.php al temei dumneavoastră. Adăugați următoarea linie:

      remove_action( 'get_footer', 'add_smartsharing' );

      Făcând acest lucru, ați eliminat doar funcția automată. Apoi puteți plasa acest cod în fișierul dvs. single.php pentru a apela funcția manual unde doriți.

      function add_smartsharing()..

      Ar trebui să editați și fișierul CSS pentru a se potrivi nevoilor dumneavoastră. Pluginul, în mod implicit, nu îl va adăuga lângă conținut.

      Nu uitați să vă asigurați că editați CSS-ul pentru a se potrivi nevoilor dvs. Implicit

      • Bună ziua! Puteți, vă rog, să detaliați cum se editează CSS-ul? Se pare că răspunsul dumneavoastră aici a fost tăiat.

        Mulțumesc!
        Diana

  30. Încerc să implementez o bară de instrumente flotantă pentru partajare, similară cu cea pe care o folosește Mashable pe un blog Tumblr. Există vreo modalitate ca o versiune CSS, HTML sau jQuery a acesteia să poată fi derivată din acest plugin? Și dacă da, cât de greu/ușor ar fi?

    • Acest plugin este exclusiv pentru WordPress. Puteți folosi codurile din acest plugin dacă doriți să le implementați pe site-ul dvs., atâta timp cât ne acordați credit.

  31. Am încărcat pluginul sharesmart pe site-ul meu wordpress și totul a mers bine. Site-ul meu însă nu este în engleză (da, ghiciți ce, este adevărat că există o lume întreagă acolo care nu citește sau nu vorbește engleza). Există vreo modalitate de a schimba, de exemplu, „Share”, „shares” într-o altă limbă?

  32. Salut Syed!
    Îmi place pluginul tău. L-am instalat și a funcționat perfect. Dar acum că am schimbat tema, a dispărut. Am încercat, de asemenea, să-l dezinstalez și să-l instalez din nou, dar tot nu apare nimic.
    Îți mulțumesc mult pentru ajutor!

    • Nu știu care ar putea fi problema. Va trebui să ne uităm la ea. Deci, vă rugăm să ne trimiteți un e-mail cu mai multe detalii folosind formularul nostru de contact.

  33. Sunteți grozavi. Căutam ceva de genul acesta de ceva timp și funcționează perfect pe blogul meu.

    Am încercat să instalez codul pentru butonul original de partajare Facebook (http://www.facebook.com/facebook-widgets/share.php), dar acesta nu pare să funcționeze cu acest plugin (fiecare reîmprospătare a paginii ar reseta contorul). Deci, este păcat că trebuie să pierd numărul meu de partajări, dar merită pentru a integra această funcționalitate uimitoare.

    De asemenea, mă puteți direcționa către un loc unde pot găsi codul pentru un buton Google Buzz cu contor?

    Mulțumesc mult pentru un plugin grozav!

    • Nu trebuie să pierzi numărul de distribuiri? fshare va afișa același număr ca butonul de distribuire Facebook. Pentru butonul Google, te rog citește acest articol pe Balkhis despre numărul Google Buzz.

      După ce ați citit acea pagină, ați înțelege de ce nu este corect să afișați numărul de buzz în acest moment. Dar dacă tot credeți că doriți să vă înșelați publicul cu un număr manipulabil, atunci folosiți acest tutorial (Link )

      • Salut! Nu mi-am pierdut numărul de partajări pentru majoritatea articolelor mele, dar cu siguranță l-am pierdut pentru cea mai recentă postare de pe blogul meu la momentul instalării; aveam 27 de partajări pe Facebook, dar s-a resetat la 0. Cu toate acestea, se pare că numărul de partajări s-a transferat pe restul postărilor mele de pe blog.

        De asemenea, există o modalitate de a afișa acest plugin și pe pagina principală, precum și pe postările individuale?

        Much thanks! :-)

        • Nu, acest plugin nu va fi afișat pe pagina principală decât dacă adăugați funcția în tema dvs. Deși nu recomandăm adăugarea acestuia pe pagina principală. Pagina dvs. principală are numeroase postări, ce postare va partaja acest plugin?

          Iată funcția dacă doriți să o apelați oriunde altundeva add_smartsharing()

        • Ei bine, vedeți cum Mashable are butoanele Tweetmeme, Facebook Share etc. pe fiecare postare de pe pagina principală, și apoi are caseta de partajare plutitoare în fiecare postare? Aș dori, în cele din urmă, să fac și eu asta. Deși dacă nu pot, nu e sfârșitul lumii; pagina mea principală se încarcă mult mai repede acum.

          Thanks again! :-)

    • Vă rugăm să ne contactați folosind formularul de contact, astfel încât să ne putem uita la el. Acesta va apărea doar pe paginile postărilor individuale.

  34. Am introdus e-mailul și am apăsat pe Descărcare, dar nu am primit niciodată un link pentru descărcare.

    • Ați primit un e-mail de confirmare care v-a cerut să confirmați e-mailul? Dacă da, imediat după acel e-mail ar fi trebuit să primiți un e-mail de bun venit. Vă rugăm să verificați SPAM-ul. Dacă nu, atunci contactați-ne prin formularul de contact.

  35. Știi... nu la fel de grozav ca versiunea Mashable, dar e un început bun. Cred că niște ajustări simple cu jquery și o poziționare css l-ar face să acționeze mai mult așa cum îmi doresc.
    Totuși, muncă serioasă, plugin frumos.

    • Chuck,

      Aceasta este prima versiune a acestui plugin. Motivul pentru care nu putem folosi versiunea jQuery într-o lansare generică de plugin este că ai nevoie de un loc specific pentru a insera pluginul. Mashable îl are chiar lângă postare. Fiecare temă are clase de postare diferite. Acest lucru ar face foarte dificilă lansarea versiunii jQuery pentru publicul larg. Dacă aveți sugestii, suntem deschiși la ele. (Notă: codificarea unei casete jQuery care plutește nu este grea. Adăugarea ei în WordPress folosind un plugin este partea grea). Singurul lucru care ar putea funcționa este adăugarea în conținutul postării. Ar trebui să încercăm asta. Dacă aveți alte sugestii, vă rugăm să ne anunțați.

      • oh understood. I appreciate the work and you guys releasing it, and your time in responding to me. So my initial issue with this one is on smaller screen resolutions this one will cover the content, mashable’s hides itself from the left and turns into a horizontal section right above the post content. THAT is amazing lol.
        I know your intent wasn’t to create what they did but that’s got some polish you’ve gotta admit! :)

        Aveți un plan de dezvoltare sau idei pentru îmbunătățirea acestui plugin actual?

        • Chuck,

          Aveți dreptate că Mashable o face așa. Dar, așa cum am menționat, este ceva ce luăm în considerare să adăugăm la acest plugin. Nicio dată de lansare viitoare nu a fost încă finalizată. Încă încercăm să vedem dacă ar funcționa cu toate temele.

          Fiecare temă funcționează diferit și asta este ceva personalizat. Au specificată lățimea orizontală. Dar nu știm care este lățimea orizontală pe alte teme. Deci, pentru temele cu o zonă de conținut mai mică, ar strica tema.

          Dacă sunteți dezvoltator, atunci ar trebui să înțelegeți exact despre ce vorbim.

          Fără îndoială, pluginul Mashable este o versiune mai rafinată și vom adăuga ceva asemănător pe WPBeginner în curând, dar credem că este mai mult o soluție personalizată decât una generică.

        • Acest lucru este grozav, dar constat că interferează cu textul meu la 1024. Chiar și fără a-l transforma într-o opțiune orizontală, cum îl pot face să dispară în marginea stângă, așa cum face aici, când fereastra este prea mică? Mulțumesc.

  36. salut…eram curios în legătură cu acest plugin…l-am descărcat și am încercat să-l instalez local…(folosesc xampp – nu cred că are legătură cu asta)…și primesc această eroare:

    Eroare de analiză: eroare de sintaxă, $end neașteptat în C:\xampp\htdocs\blog\wp-content\plugins\smartsharing\smart-sharing.php pe linia 507

    ai vreo idee?

    oricum, mulțumesc pentru distribuire

  37. Am descărcat pluginul Floating Share Box și l-am activat pe blogul meu de WordPress, dar nu apare pe paginile postărilor. Se conflictualizează cu alte pluginuri?

    • Nu din câte știm noi. Tocmai l-am încărcat pe un site care are peste 30 de pluginuri funcționale și funcționează. Alex, vrei să ne uităm să vedem ce se întâmplă? Vă rugăm să ne trimiteți un e-mail cu informațiile dvs.

      • Am reușit să fac pluginul să funcționeze, dar mă întrebam cât de greu ar fi pentru mine să adaug un buton „google Buzz” la floating share box?

        • Caută în fila de personalizare a paginii pluginului. Poți adăuga orice în secțiunea de coduri personalizate. Folosește doar setările div pe care le-am menționat în acel articol.