Butoanele rețelelor sociale. Revizuirea serviciilor butoanelor rețelei sociale. Încărcarea imaginilor butoanelor pe server

Salutari! Recent am fost in părere a întrebat cum să faci aceleași butoane retele sociale, care sunt instalate pe site-ul meu. Și am decis să dau răspunsul în articol, trecând în revistă 6 servicii sociale. butoane pentru site.

Avantaje și dezavantaje

Cu toate acestea, trebuie remarcat faptul că în unele cazuri plasarea butoanelor poate avea mici dezavantaje. Să luăm în considerare de ce este necesar să plasăm butoanele rețelelor sociale pe blogul creat și, de asemenea, să luăm în considerare principalul pozitiv și laturile negative plasarea unor astfel de icoane.

Defecte

Viteza de încărcare a paginii poate fi mai mică.
Având un accent foarte specializat al proiectului Internet, este posibil să nu obțineți efectul dorit.

Prezentare generală a serviciilor butoanelor sociale

Să luăm în considerare cel mai mult servicii populare, care poate fi folosit pentru a adăuga butoane de rețele sociale pe site-ul dvs.

Acest lucru este complet serviciu gratuit, care funcționează după cum urmează. Acesta generează automat un script special care permite vizitatorilor unui proiect pe Internet să posteze link-uri către rețelele sociale. Serviciul arată ca niște butoane. Instalarea este foarte simplă și convenabilă, iar butoanele plasate arată frumos pe pagină.

Serviciul oferă mai mult de trei sute de opțiuni butoane diferite! Le poți alege foarte ușor pe cele preferate.

Instalarea are loc literalmente cu un singur clic. Există statistici de conversie.

Acesta este probabil unul dintre cele mai interesante servicii on-line, cu ajutorul căruia se poate genera un buton în funcție de mai mulți parametri: dimensiune și aspect. În plus, puteți alege modul în care va fi amplasat panoul cu butoane (orizontal sau vertical). De asemenea, puteți specifica codificarea. După selectarea tuturor setările necesare, scriptul generat trebuie să fie descărcat și plasat în proiectul dvs. de Internet în locația necesară. În mare parte imediat după articol.
Yandex vă oferă să alegeți ce rețele sociale vor fi afișate. Utilizatorul poate face acest lucru prin simpla bifare a casetelor de lângă butoanele care vor fi plasate pe bloc. Le puteți edita aspect.

Apoi, sistemul va genera automat sursă, pe care va trebui să îl instalați pe blogul dvs. Principalele avantaje ale acestui serviciu includ faptul că scriptul nu plasează link-uri de ieșire pe blogul creat. De asemenea, este posibil să conectați Yandex.Metrica pentru a menține statistici.
Acest serviciu oferă utilizatorilor să plaseze pe site-ul lor butoane de rețele sociale foarte frumoase și elegante. Formularul creat de serviciu folosește css și javascript. Formularul generat se va potrivi perfect în designul oricărui proiect pe Internet. Ca butoanele sunt făcute folosind tehnologie moderna jquery. Conectarea este foarte simplă și nu va cauza dificultăți nici măcar începătorilor. Încărcarea este foarte rapidă.
Acesta este un serviciu online util și complet gratuit care oferă utilizatorilor să plaseze butoane în acest fel: pe un rând, aranjate sub forma unui meniu derulant, pictograme ale tuturor serviciilor la rând. După selectarea opțiunilor de afișare, serviciul va genera automat o specială cod javascript, care va trebui plasat în locul necesar pe site.

În plus, serviciul vă spune cum să adăugați codul creat la șabloane.
Când utilizați acest serviciu, puteți adăuga foarte rapid și ușor butoanele necesare site-ului sau blogului dvs. Pentru a face acest lucru, trebuie să faceți doar trei pași simpli: selectați locația în care va fi amplasat widgetul creat, selectați stilul butoanelor și obțineți codul. Prin plasarea unor astfel de butoane pe blogul creat, vizitatorii vor putea adăuga materiale interesante la propriile tale marcaje și rețele sociale.

Deci, instalarea butoanelor de rețele sociale pentru un site web este foarte simplă și nu va cauza dificultăți nici măcar utilizatorilor de internet începători. Dacă doriți, puteți instala fie butoane pentru toate rețelele disponibile, fie selectați doar câteva anumite rețele. Pentru a face acest lucru, trebuie să utilizați widget-uri oficiale sau servicii online terțe. Cele mai populare sunt butoanele instalate pe bloguri personale, sau pe proiecte de știri sau de divertisment pe Internet. :)

P.S. Vă mulțumim pentru atenție. Ce serviciu preferi? Astept comentariile voastre. :)

Bună ziua, dragi cititori ai site-ului blogului. Puteți, desigur, să utilizați un plugin pentru această sarcină, dar Nu este atât de greu să o faci singur, și vor fi mai puține, mai ales că am deja multe lucrând (vezi articolul la link-ul oferit). Am luat pictogramele rețelelor de socializare de pe care am scris deja în detaliu (sper că Dimox nu va obiecta la acest lucru).

Și am considerat de asemenea potrivit să trimit un e-mail.

Creăm un sprite din butoane și introducem codul HTML în site

După toate grupurile necesareși ai creat pagini pe rețelele de socializare, ceea ce înseamnă că ai primit toate linkurile necesare, poți fi nedumerit adăugând butoane pe site. Puteți, desigur, în conformitate cu postarea mea despre, să selectați o pictogramă potrivită pentru fiecare rețea socială și, dacă este necesar, să reduceți dimensiunea acesteia la dimensiunea necesară în și.

Dar nu este cea mai bună opțiune. De ce? Ei bine, pentru că pentru a încărca fiecare imagine de rețea socială, se va face o solicitare separată către serverul tău. Dacă aveți o duzină de pictograme, înseamnă zece solicitări, care în orice caz vor crea încărcare suplimentară pe server și . O astfel de risipă nu ne convine, mai ales că se întâmplă de mult.

Am decis să nu reinventez roata (creez un sprite), ci am folosit-o pe cea creată de constructorul Share42 (un link către o descriere a lucrului cu ea este dat chiar mai sus). În el puteți selecta acele rețele sociale ale căror pictograme veți avea nevoie și împreună cu codul pe care îl veți primi Sprite CSS, adică singur fizic fisier grafic, pe care vor fi plasate toate pictogramele rețelelor sociale și abonamentele de care aveți nevoie Flux RSS(și e-mail, dacă este necesar).

Am ales patru rețele principale și câteva pictograme pentru a mă abona la știri cu o dimensiune a pictogramei de 24 pe 24, așa că sprite-ul meu arată astfel (deși este încă blocat acolo, dar nu contează):

Acum avem toate ingredientele - link-uri către grupuri sau pagini de rețele sociale și pictograme pentru afișarea lor pe site. Rămâne doar să pregătim totul corect, adică. inventa. Blogul meu rulează pe WordPress, așa că voi lipi codul cu butoanele într-unul dintre . În cazul meu se numește sidebar.php. cod HTML acest lucru se dovedește a fi extrem de simplu:

Ei bine, și cel mai interesant lucru. Cu ajutorul nostru, determinăm care zonă a sprite-ului nostru va fi afișată în această locație specifică ca fundal (în cazul nostru, acest fundal este plasat sub hyperlink). Este nevoie de foarte mult timp pentru a explica cum se întâmplă acest lucru, așa că citiți articolul legat de link și totul va deveni clar (acolo exemple ilustrative sunt date). Dacă ești leneș, experimentează doar numerele care, după cum probabil ai observat, sunt divizibile cu 24 dintr-un motiv.

Da, încărcați fișierul sprite prin FTP pe site-ul dvs. și indicați calea către acesta () în fundal. Asta e tot. Dacă nu funcționează, citiți cu mai multă atenție materialele de pe link-urile de mai sus, ei bine, și dacă nimic nu merge deloc, atunci descrieți situația dvs. în comentarii (în detaliu - pentru a introduce codul, uitați-l în Etichete PHP anexați cu paranteze drepte).

Multă baftă! Inainte de pe curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând

");">

S-ar putea să fiți interesat

Aspect bloc - Creați două coloane, trei coloane și aranjamente de cauciuc pentru site

2014-05-16

Salutare prieteni și dragi cititori ai site-ului! Astăzi vom analiza în detaliu, sau blog. De unde să-l iei butoane sociale cum să le instalezi și să le configurezi. Veți afla totul despre asta din această postare!

Butoanele sociale sunt foarte importante și sunt un element integral al site-ului.

Am scris deja pe blog despre instalarea butoanelor de rețele sociale, puteți citi despre asta accesând.

În el am vorbit despre mai multe opțiuni pentru instalarea butoanelor:

2). Folosind pluginul Butoane de distribuire socială

3). Folosind serviciul http://api.yandex.ru/share

Există, de fapt, multe modalități de a adăuga butoane sociale pe site-ul tău, dar nu toate au un impact pozitiv asupra blogului tău.

În ceea ce privește prima opțiune, butoanele diferitelor rețele sociale. rețelele sunt greu de adaptat la designul dvs. Pluginurile încetinesc activitatea blogului și apar probleme cu compatibilitatea diferitelor butoane, ceea ce se întâmplă în prima opțiune, dar în ceea ce privește a treia, voi spune că poate avea erori și nu pur și simplu butoanele tuturor funcționează. În plus, unele butoane pot introduce un link către ele însele, ceea ce nu este bun pentru site-ul tău.

După părerea mea, una dintre cele mai simple și moduri convenabile faceți butoane sociale pe site prin serviciul „Share42”, în el rând mare butoane populare, care vă permite să alegeți pe cele de care aveți nevoie dintr-o asemenea abundență. Include și multe alte avantaje, despre care vă voi spune acum.

Butoanele sociale de pe un site web sau blog. Serviciul Share42

Avantajele acestui serviciu includ:

— confort și ușurință de instalare și configurare

— toate fișierele sunt găzduite pe găzduirea blogului dvs., ceea ce asigură acest lucru muncă stabilă

— aspect plăcut al nasturilor, realizate în același stil

- fără link-uri de ieșire inutile

— capacitatea de a poziționa blocul de butoane atât pe orizontală, cât și pe verticală

Puteți citi mai multe despre alte beneficii pe site-ul propriu-zis.

Cum să adăugați butoane sociale la un site web. Instalare și setarile sociale. butoane

În primul rând, accesați site-ul web al serviciului Share42.com

1). Selectăm dimensiunea butoanelor și, în consecință, butoanele pe care doriți să le vedeți pe site-ul dvs.

Pur și simplu le tragem și le plasăm în secțiunea „Altele”, în ordinea dorită. Și selectați pictograma dorită făcând clic cu mouse-ul.

3). Asigurați-vă că vă uitați la ce s-a întâmplat și cum arată butoanele sociale. Dacă vă place totul, descărcați scriptul.

4). Acum, cel mai important pas este instalarea scriptului pe site-ul dvs. web.

Vă sfătuiesc să copiați undeva fișierul single.php - pentru orice eventualitate.

Scriptul descărcat este încărcat în găzduire prin intermediul panoului de control și dezambalat. Alege tip potrivit site, am ales WordPress. Și pentru a specifica calea către fișiere, introduceți codul de mai jos în șablonul site-ului dvs. Numai în loc de site.name scriem domeniul nostru.

Intrăm în editor, iar dacă doriți să puneți butoane la sfârșitul fiecărui articol, atunci introduceți acest cod în single.php după linia:

Eu personal am această linie, a ta poate diferi.

Dacă doriți să-l poziționați vertical, atunci introduceți-l în header.php înainte de eticheta de închidere „/head”.

Acum tot ce mai rămâne de făcut este să proiectați aspectul panoului cu butoane.

Alinierea la centru.

Pentru a face butoane sociale pe site-ul din centru, utilizați eticheta

codul butonului sau scrieți înainte de cod

iar după cod pune o etichetă de închidere

Adăugarea de butoane sociale folosind serviciul Pluso

Iată un alt serviciu, aici totul este la fel de simplu ca decojirea perelor. Mai mult decât atât, serviciul este nou și toată lumea nu s-a săturat încă de aceste butoane, despre care nu se poate spune despre versiunea anterioară. Iar butoanele de la Pluso arată frumos și se potrivesc bine în designul aproape oricărui site web. Și de ce? Pentru că nu poți alege doar stilul butoanelor, dimensiunea, forma, locația lor, ci și culoarea de fundal. Puteți instala butoane cu contoare. Decorul este de invidiat. În general, totul este pentru tine!

În plus, scenariul acestora marcajele sociale nu încetinește încărcarea paginii, iar toate aceste butoane sunt încărcate pe pagina site-ului numai după conținutul principal.

Deci, accesați share.pluso.ru și selectați stilul de buton dorit.

În dreapta, selectăm rețelele sociale de care avem nevoie prin glisare și plasare. În continuare notăm dimensiunea, forma și locația. Dacă ați ales un fundal, atunci selectați o culoare. În general, ajustați-l la șablonul dvs.

Acordați atenție previzualizării și vedeți ce aveți.

Completați cele trei câmpuri din dreapta. Instalând butoane pe site-ul dvs., permiteți utilizarea meta-etichetelor, care vă ajută să vă promovați blogul.

Dacă sunteți mulțumit de tot și vă place totul, trecem la instalare.

Copiem codul primit și îl lipim în locul de care avem nevoie. Totul este la fel aici - în single.php. Alinierea la centrul butoanelor sociale are loc în același mod ca în versiunea anterioară.

Există un minus în acest serviciu. Acest referință externă(publicitate de serviciu) sub forma unui plus la finalul butoanelor.

Dacă doriți, puteți elimina acest buton roșu, accesați style.css și adăugați următorul cod la sfârșit:

Pluso-mai mult (afișare: niciunul !important;)

V-aș fi recunoscător dacă ați face clic pe butoanele rețelei mele de socializare. Ce mod de a instala butoanele de social media vă place?

Există acum destul de multe moduri de a adăuga butoane de rețele sociale la un site web, există o opțiune, iar aceasta este o veste bună. Butoanele sociale joacă un rol important pe pagină, cu ajutorul lor, așa cum mulți știu deja, puteți repeta rapid orice postare într-una dintre cele selectate rețea socială. Butoanele sociale pentru un site web sunt acum plasate oriunde și peste tot, dar uneori nu acolo unde trebuie.

Butoane sociale pentru site

Mulți oameni știu deja cât de dezvoltate sunt rețelele sociale acum și cât de grozav este dacă site-ul tău are butoane ca acestea cu ajutorul cărora poți adăuga postarea preferată sau o parte dintr-o postare pe peretele tău. Cu această acțiune nu doar comentați sau repostați mesajul, ci și oferiți semnal suplimentar pentru motoarele de căutare.

Este visul oricărui proprietar de site web dacă toate postările sale sunt repostate de cititori pe paginile lor de pe una dintre rețelele sociale. În prezent, cererea este cea mai mare pe VKontakte, Facebook, Twitter și Odnoklassniki. Aș adăuga și LiveJournal, liveinternet și Blogger. Este recomandabil să adăugați aceste butoane pe site pentru confortul complet al utilizatorului.

În special Twitter merită astăzi din ce în ce mai multă atenție, cu ajutorul lui noile tale publicații apar mai repede în indexul motorului de căutare.

Dacă sunteți proprietarul unui site web, cel mai probabil ar trebui să aveți un cont pe liveinternet sau LiveJournal. Pentru a nu adăuga de fiecare dată intrări noi la aceste servicii, prezența butoanelor lor economisește timp. În plus, mulți oameni folosesc aceste servicii și ar putea dori, de asemenea, să reposteze înregistrarea dvs. în jurnalul lor.

Există mai multe cele mai multe moduri optime cum să adăugați rapid butoane sociale pentru site. Acest lucru se poate face folosind servicii online care vă vor ajuta rapid și ușor în acest sens. Sau direct prin fiecare rețea socială separat. Aici fiecare are alegerea lui. Obișnuiam să adăugam butoane separat prin fiecare rețea de socializare, dar acum le-am instalat folosind serviciul.

Există un astfel de serviciu similar, se numește share42. S-a scris mult material despre el, cât de bun este și cum ar trebui folosit. Bun, dar pentru utilizator obișnuit, care nu înțelege nimic despre asta, va fi greu de făcut față.

Pentru o sarcină atât de mică, copierea folderelor în găzduire și apoi agitarea cu stiluri, acum nu mai reglementează. Există și alte opțiuni în care trebuie să copiați și să lipiți cod gata făcut fără niciunul foldere suplimentare. Deci uitați de acest serviciu.

Adăugați numai cele mai elementare butoane de rețele sociale pe care majoritatea oamenilor le folosesc, nu adăugați zeci de butoane inutile, uitate.

Ce puteți folosi astăzi pentru a adăuga butoane sociale pe site-ul dvs.:

Serviciu Uptolike.
Butoanele de socializare Yandex.
Adăugarea manuală a fiecărei rețele sociale separat.
Serviciu Pluso.
Folosind pluginuri pentru WordPress (pentru leneși).

Probabil că nu este nevoie să interveniți în altă parte, nu există o modalitate mai bună de a o găsi. Fiecare dintre aceste opțiuni este bună în felul său. Dacă știți o modalitate mai convenabilă sau mai atractivă, vă rugăm să scrieți în comentarii.

Butoanele de rețele sociale trebuie introduse la sfârșitul fiecărui articol, astfel încât, după citire, un vizitator al site-ului să poată, opțional, să reposteze postarea ta. Nu ar trebui să le caute undeva la sfârșitul paginii. Cele mai optime locuri, după părerea mea, unde ar trebui plasate astfel de butoane sunt în bara laterală și imediat la sfârșitul fiecărei postări.

Uptolike

ÎN acest moment Eu folosesc acest serviciu, îmi place. În plus față de confort, serviciul uptolike are mai multe privilegii față de altele de tipul său.

O gamă largă de butoane pentru rețelele sociale;
Butoane adaptate pentru dispozitive mobile;
Capacitatea de a cita orice parte a textului pe rețelele sociale;
Puteți adăuga un buton în partea de sus;
Posibilitatea de a adăuga o fereastră pop-up pentru un abonament la un grup VKontakte;
Selectarea dimensiunii pictogramei;
Alegerea unui stil de pictogramă pentru site;
Adăugați un efect de hover;
Schimbați fundalul butonului, culoarea textului, fundalul contorului;
Măriți sau micșorați textul din contor.

Privilegiile asupra altor astfel de servicii sunt suficiente pentru a-l folosi. În acest caz, numai cod mic sub formă de scenariu și câteva rânduri cu stiluri. Nu există un link terță parte, l-am verificat prin serviciul de link-uri de ieșire. Dacă greșesc, poți să mă corectezi.

În afară de aceasta, ce altceva poate face serviciul uptolike?

Cel mai setări importante. Alegem ce butoane sociale pentru site doriți să vedeți. Dacă este necesar, puteți deschide lista și mai selecta câteva dintre majoritatea. Verificați caseta de suport. După aceea mai departe telefoane mobile, butoanele rețelelor sociale vor fi întotdeauna afișate în partea de jos a ecranului.

Alegem pozitia orizontala a butoanelor, marimea si stilul. Îl proiectăm așa cum doriți și adăugăm un efect de hover. Nu trebuie să faci nimic altceva. Pentru a genera un cod de contor, trebuie să specificați adresa site-ului web și Cutie poștală. Imediat după aceasta, va apărea codul pentru introducerea butoanelor sociale pe site.

Dacă aveți un site WordPress, deschideți fișierul single.php și introduceți codul terminat imediat după sfârșitul conținutului din pagină. Actualizează pagina și vezi ce se întâmplă. Nu este nimic complicat.

Yandex

Selectați pictogramele de serviciu necesare. Twitter este disponibil doar sub formă de pictograme, fără contoare. Selectăm aspectul blocurilor și mai jos va fi un cod gata făcut pentru inserare. După cum sa spus mai devreme, nu adăugăm nimic altceva la Yandex, totul este modest și de bun gust.

Metoda de adăugare manuală

În această metodă, trebuie să deschideți fiecare rețea socială separat și să configurați fiecare buton de repost separat. Pentru a adăuga un buton Facebook, trebuie să parcurgeți Aici. Pentru colegii de clasă și lumea mea trebuie să adăugați date. Pentru Twitter, totul se întâmplă pe . Pentru a adăuga un buton VKontakte, accesați această pagină .

Veți avea cod gata făcut doar din rețelele sociale, fără scripturi suplimentare. Probabil cel mai mult Cel mai bun mod pentru a adăuga butoane de social media pentru site. Dificultatea apare în faptul că trebuie să tăiați fiecare buton separat, apoi să introduceți totul într-un singur loc și să îl utilizați stiluri css aliniați într-o coloană. Dacă nu întâmpinați dificultăți cu asta, puteți încerca.

In contact cu

Pentru a adăuga un buton VKontakte, faceți clic pe Conectare site-uri și widget-uri de mai jos, va fi o listă completă cu toate completările posibile. Acolo puteți adăuga, de asemenea, comentarii la pagină, postați pe perete, adăugați propriul grup, recomandări, sondaje, vă abonați la autor și publica link-uri. În cazul nostru, selectați Publicați linkuri.

Nu este nimic complicat, selectăm stilul butonului (cu sau fără contor), scriem textul pe buton, o opțiune de logo, iar mai jos va fi un cod de încorporare gata făcut. Eu am folosit asta metoda manuala completări, dar în acest moment încerc un serviciu terță parte. Să vedem ce iese din asta. Dacă nu sunt mulțumit, voi reveni imediat la metoda manuală.

Pluso

O altă modalitate de a adăuga butoane pentru un site este utilizarea Serviciu Pluso. Serviciul este de asemenea bun, mulți au observat butoane de la el. Alegerea opțiunilor de design este mare, în plus există ceva pentru toată lumea dimensiuni mari imagini. Capacitatea de a adăuga rețele nu este în niciun fel inferioară altor servicii similare. Nu sunt necesare fișiere pentru instalare, doar cod.

Alege orice stil de design și adaugă servicii necesare. Va fi afișat puțin mai jos exemplu gata făcut cum va arata totul pe pagina. Dimensiunea pictogramei poate fi selectată mare, medie sau mică. De asemenea, pictograme pătrate sau rotunde pentru site, pe o linie sau două linii, orizontale sau verticale. Cu sau fără contor, fără fundal sau setați fundalul pentru a se potrivi cu designul site-ului dvs.

După toți acești pași, mai jos va exista un cod gata făcut pentru inserarea în pagină. Dacă trebuie să-l inserăm pe pagina principală, aruncăm o privire în fișierul index.php, dacă în toate postările tale, adăugăm codul în fișierul single.php imediat după sfârșitul postării.

WordPress

Dacă nu înțelegeți nimic din acest cod, ce trebuie copiat unde și cum funcționează totul, există o cale de ieșire. Daca ai Motor WordPress, poți instala un plugin cu care vei avea butoane de rețele sociale. Astăzi există pur și simplu astfel de plugin-uri un numar mare de. Accesați panoul de administrare - Pluginuri. Puteți scrie imediat „butoane sociale”, „social” sau „VKontakte” în căutarea pluginurilor. Sunt sigur că vei găsi ceva.

Dintre majoritatea pluginurilor similare pentru WordPress, uitându-ne la evaluare, acestea sunt cele mai apreciate:

Butoane Social Share pentru WordPress.
Social.
Social Media Feather - butoane ușoare de partajare a rețelelor sociale și de urmărire.

De fapt, există o mulțime de pluginuri similare, trebuie să instalați și să sortați prin care dintre ele vă place cel mai mult, funcționează corect, ce arată și cum îl puteți personaliza pentru dvs. Să ne uităm la exemplul primului astfel de plugin, Social Share Buttons for WordPress.

Pluginul în sine este în rusă, nu vor fi probleme cu acest lucru. După instalare, va apărea în meniul din stânga buton nou Butoane de distribuire. În setările principale punem sigla site-ului și scriem text în fața butoanelor sociale.

Asigurați-vă că activați generarea de metadate vor fi incluse titlul și descrierea paginii. Aliniați butoanele pe orizontală și alegeți unde vor fi amplasate. Selectăm doar în postări. Dacă doriți, puteți exclude paginile necesare. În partea de jos, trebuie să indicați porecla dvs. Twitter.

Pe fila următoare Opțiuni de distribuire selectați stilul de design al butonului. Mai jos puteți activa sau dezactiva rețelele sociale inutile și puteți adăuga indentări pentru întregul bloc în partea de sus sau de jos. Nu este nevoie să puneți niciun cod suplimentar nicăieri, pluginul va face totul pentru dvs.

Alegerea este a ta ce metodă vei folosi. Adăugați pictograme de rețele sociale prin uptolike, Pluso sau Yandex. Nu ar trebui să instalați imediat un plugin pe WordPress să încercați să faceți totul manual sau folosind un serviciu.

Daca mai stii vreun altul serviciu bun sau o modalitate de a adăuga butoane sociale pentru site, v-aș fi recunoscător pentru comentariul dvs.

ÎN În ultima vreme A devenit la modă instalarea butoanelor de social media pe site-uri web și bloguri, iar acest lucru nu este surprinzător. În primul rând, butoanele vă permit să creșteți „like-urile” și „inima”, ceea ce are un efect pozitiv asupra promovării articolelor pe rețelele sociale. În al doilea rând, există tipuri separate de butoane care vă permit să partajați linkuri către pagini individuale site-ul pe rețelele sociale - acest lucru atrage vizitatori suplimentari de la Vkontakte, Facebook, Odnoklassniki, Twitter etc. În al treilea rând, articolele care au primit un număr mare de „like” și „inimi” sunt de mare încredere de către cititorii site-ului.

Prin urmare, este foarte important să știți cum să instalați butoane de rețele sociale pe un site web pentru a ajuta resursa web să se dezvolte. Vor fi luate în considerare cele mai populare rețele sociale

In contact cu
Facebook
Colegi de clasa
Google „+1”
Stare de nervozitate
Lumea mea

Aici ne vom uita la instalarea butoanelor standard oferite de rețelele sociale în sine. În acest caz, fiecare buton va trebui instalat separat de celelalte, acest lucru durează ceva timp, dar arată și foarte bine.

1.1. In contact cu

1.1.1 Butonul „Salvare”.

Butonul este destul de flexibil, inscripția de pe el poate fi schimbată în orice doriți (prestabilit este „salvare”).

În primul rând, trebuie să accesați pagina cu, unde veți primi codul de script pe care va trebui să îl instalați pe site-ul dvs. pentru ca butonul să fie afișat.

Aici puteți alege unul dintre 5 stiluri: buton, buton fără contor, link, link fără pictogramă, pictogramă.

Camp " text» vă permite să schimbați inscripția standard „salvare” cu propria dvs.

Ca URL, puteți alege adresa paginii cu butonul sau adresa altei pagini (la alegere). În primul caz, butonul va partaja un link către pagina în care se află butonul în sine. În al doilea caz, butonul va partaja linkul pe care îl specificați, indiferent de locul în care se află.

Cod ascuns constă din două părți : primul ar trebui să fie situat oriunde între etichete Și, al doilea se află în locul unde trebuie afișat butonul. Citiți despre instalarea unui buton pe un site web în paragraful .

1.1.2 Butonul „Like”.

A doua opțiune pentru buton este widgetul „ imi place" Va fi mai ușor să-l instalați pe site, deoarece... la final veți primi o singură bucată de cod care va trebui plasată în locul potrivit pe site.

Pentru a configura butonul, accesați acest link. De asemenea, aici trebuie să completați o serie de parametri.

Numele site-ului– aici este mai bine să indicați numele scurt și real al site-ului dvs.

Adresa site-ului web– introduceți adresa pagina principala Site-ul tău.

Domeniul site-ului principal– indicați oglinda principală a site-ului (poate fi găsită ca parametru al operatorului „Gazdă” dacă vă este dificil să faceți acest lucru, atunci lăsați VKONTAKTE sugerat);

Opțiuni pentru butoane- Acestea sunt stiluri diferite ale butonului, ele afectează aspectul acestuia.

Înălțimea butonului– dimensiuni geometrice „Îmi place”.

Numele butonului– sunt disponibile două opțiuni (îmi place, este interesant).

Cod ascuns– codul necesar pentru afișarea butonului pentru rețeaua socială VKontakte.

1.2 Facebook

Butonul de pe această pagină este în curs de configurare. Pot apărea dificultăți deoarece... comentariile la formular sunt scrise în Limba engleză, dar mai jos puteți citi scurta descriere fiecare câmp.

URLlaCa– URL-ul paginii pentru butonul (dacă câmpul nu este completat, se va prelua adresa paginii pe care se află butonul).

TrimiteButon– prezența unei bifă include noua oportunitate– trimiteți un link către Facebook (va fi afișat butonul suplimentar- „trimite”). Când este pornit, două butoane vor fi afișate simultan.

asezare in pagina– stilul butonului, îi afectează aspectul (considerat standard buton_numara).

Lăţime– lățimea butonului în pixeli.

Arată fețe– când este pornit, vor fi afișate avatarele persoanelor care au apăsat deja acest buton.

Font– tipul fontului butonului.

Schema de culori– spațiu de fundal lângă buton (alb și negru).

Verbul a afișa– numele butonului (cum ar fi, recomand).

obțineCod– un buton care generează cod de script.

1.3 Odnoklassniki și lumea mea

Aceste rețele sociale au câștigat o mare popularitate pe internetul vorbitor de limbă rusă, un număr mare de oameni locuiesc acolo, așa că nu trebuie să neglijați să instalați butonul „Class” din serviciul Odnoklassniki și butonul „Like” de pe site-ul My World.

Pentru a configura butoanele, trebuie să accesați . Puteți adăuga butoane individual, personalizându-le pe fiecare în mod diferit, sau puteți edita ambele butoane în același timp.

Mărimea înălțimii– dimensiunea geometrică a butoanelor.

Vedere– aspectul cadrului nasturii.

– selecția de butoane (cum ar fi, clasă)

Tejghea– pornirea și oprirea contorului de apăsare a butonului (în dreapta, sus – locația contorului).

Text pe butoane– selectați unul dintre cele trei nume disponibile pentru butoane.

Cod ascuns– cod de script care va trebui instalat pe site.

1.4 Google „+ 1”

O nouă rețea de socializare care un timp scurt a câștigat o audiență uriașă. Este greu de imaginat un site fără butonul „+1”, pentru că... nu numai că vă permite să adăugați linkuri către o rețea socială și să creșteți numărul de „plusuri”, dar poate influența și rezultatele site-ului în TOP motor de căutare Google.

Toate detaliile despre aceasta, precum și instalarea și configurarea butonului sunt găsite.

1.5 Twitter

Cel mai popular serviciu mesaje scurte nu poate fi ignorat. Instalează un buton pentru această rețea socială și vezi cât de repede vor partaja oamenii link-uri către site-ul tău pe Twitter. Puteți personaliza butonul aici.

Mai întâi trebuie să alegi butonul dorit(ne interesează prima opțiune – butonul „trimite link”).

După aceasta, pe pagină va apărea un formular cu mai multe câmpuri care trebuie completate.

Trimite linkul– selectați pagina pe care se află butonul sau oricare alta.

Text– selectați textul care va apărea lângă buton (NU PE BUTON ÎNȘI).

Arată contorul– activați sau dezactivați contorizarea numărului de apăsări de butoane.

Prin utilizarea– alegerea unei metode de adăugare a unui mesaj link pe Twitter (practic nu are efect).

marcă– selectarea unei etichete care va fi publicată pe Twitter (nu afectează nimic).

Buton mare– creșterea dimensiunii geometrice a butonului.

Renunțați la adaptarea Twitter– respingerea stilurilor Twitter (este mai bine să lăsați câmpul nebifat).

Limba– selectați limba butonului.

În dreapta, va fi generat un cod care trebuie adăugat pe site.

1.6 Ya.ru

Pentru a face acest lucru, trebuie să completați mai multe câmpuri care se vor forma codul necesar scenariu.

mărimea– mic sau marime mare butoane.

Stil– alegeți între un buton sau o pictogramă.

Disponibilitatea unui contor– activați sau dezactivați contorul de apăsare a butonului.

Aspectul butonului– un exemplu despre cum va arăta butonul.

Titlu– selectați un titlu pentru pagină (personalizat sau titlul paginii curente).

Cod ascuns– codul necesar care este adăugat pe site.

2. Butoane gata făcute pentru site

Dar dacă nu doriți să adăugați codul pentru fiecare buton pe site-ul dvs., atunci puteți utiliza scripturi standard care formează imediat un grup de butoane de rețele sociale. În acest caz, trebuie doar să adăugați un cod al unui astfel de script pe site-ul dvs. și veți avea imediat instalate butoane pentru cele mai populare rețele sociale.

Pentru a configura blocarea și a selecta rețelele sociale dorite, urmați acest link. Captura de ecran de mai jos arată că puteți selecta butoanele pentru rețelele sociale dorite dintre cele oferite și, de asemenea, puteți edita ușor aspectul blocului.

Set de servicii– selectarea butoanelor de rețele sociale pentru site (cele cu bifă vor fi afișate pe site).

Cod– scriptul necesar care trebuie adăugat pe site.

2.2 Butoane PLUSO

Recent, designerul de butoane de rețele sociale – PLUSO – a câștigat o mare popularitate. Puteți accesa site-ul folosind acest link.

Constructorul este destul de flexibil, are multe setări, astfel încât puteți crea butoane de rețele sociale care s-ar potrivi perfect în designul site-ului.

Mai întâi trebuie să alegeți stilul de butoane și contoare dintre mai multe oferite (orizontal, vertical, colorat, incolor etc.).

Apoi, trebuie să configurați o serie de setări selectând

amplasarea blocului (vertical, orizontal);
culoarea butonului (luminos, inchis);
dimensiunea blocului (mare, mic);
contor (prezență sau absență);
fundal (incolor sau colorat);

Codul va fi generat în funcție de parametrii pe care i-ați specificat, după care trebuie introdus în site.

Siepure42

Un alt serviciu care vă permite să proiectați butoane pentru site-ul dvs. este Share42.com/ru.

Acest generator vă permite să personalizați dimensiunea butoanelor, să determinați rețelele sociale dorite dintr-un număr mare de cele disponibile și, de asemenea, să editați aspectul pictogramelor.

Selectați dimensiunea butoanelor și rețelele sociale dorite, apoi continuați la configurarea opțiunilor suplimentare.

Tip de panou cu pictograme– afișarea unui bloc de butoane (opțiunea „plutire verticală” este foarte interesantă).

Limitați numărul vizibil de pictograme– selectați numărul de butoane care vor fi afișate (altele vor fi ascunse în spatele linkului).

Codificarea site-ului– alegerea codificării site-ului dvs.

Adăugați o pictogramă pentru site-ul Share42.com– poate că caseta de selectare ar trebui să fie debifată.

Arată contoare– activați contorul de clicuri pe buton (numai când jQuery rulează).

Instalarea acestui script este destul de complicată, dar este descris pas cu pas chiar pe site-ul Share42.

3. Cum se instalează butoanele pe site

Dacă codul care trebuie plasat pe site este format din două părți (cum este cazul butonului VKontakte), atunci fiecare parte este instalată separat. Dacă codul nu este împărțit în două părți, atunci acest pas poți sări peste el.

Prima parte a codului trebuie adăugată între etichete Și. Pentru a face acest lucru, accesați Panoul de administrare WordPressși accesați editorul de șabloane.

În editorul de șabloane trebuie să găsiți fișierul "Titlu" (antet.php), dacă nu există așa ceva, atunci - „Șablon principal” (index.php). Acum trebuie să găsiți eticheta sau. Dacă nu există astfel de etichete în fișierele specificate (toate subiectele sunt diferite, acesta poate fi cazul), atunci va trebui să deschideți toate fișierele pentru editare și să căutați eticheta în fiecare dintre ele . Pentru a căuta, puteți utiliza comanda rapidă de la tastatură „Ctrl+F”.

Odată ce ai găsit etichetele necesare, puteți posta prima parte a codului imediat înainte de eticheta de închiderecap>, pentru a nu atinge accidental codurile altor scripturi.

A doua parte a codului este plasată acolo unde doriți să vedeți butoanele rețelelor sociale selectate pentru site. Dacă codul constă dintr-o singură parte, atunci este suficient să efectuați numai această operație.

Cel mai adesea, butoanele sunt adăugate înainte de articol sau la sfârșit. Mai ușoară, desigur, este a doua opțiune. O vom lua în considerare.

Trebuie să găsiți locul unde se termină articolul (partea principală de text a paginii). Pentru a face acest lucru, trebuie să editați fișierul „O singură înregistrare” (singur.php).

Acum trebuie să găsiți operatorul care este responsabil pentru afișarea conținutului principal al articolului. În cazul meu, acesta este „the_content”, imediat după acesta este plasat codul butonului.

În mod similar, puteți plasa codul la începutul articolului, trebuie doar să găsiți un loc între titlu și textul articolului.