Distribuie prietenilor de pe rețelele sociale. Butoanele rețelelor sociale. Butoanele rețelelor sociale Distribuie Pluso

Aici expresia „Cine vrea să cumpere software cu o reducere de 8% la promoție?” scris de utilizator însuși, iar mai jos arată cum arată linkul către site pe rețeaua de socializare. Nu foarte frumos, nu?

atunci linkul de pe rețeaua de socializare va arăta astfel:

Aici „Astăzi este ziua de naștere allsoft.ru - 8 ani :)” este textul scris de utilizator, restul sunt informații din meta-etichete. Puteți citi mai multe despre aceste metaetichete la pagina de Facebook developers.facebook.com/docs/share, și alte rețele sociale le înțeleg destul de bine.

Cum funcționează în general acest mecanism:
1. Când utilizatorul face clic pe buton, widgetul transmite un link către pagină către serverul rețelei sociale.
2. Server social Rețeaua în sine accesează acest link și citește informații despre pagină - titlu, descriere, imagine.
3. Server social rețeaua memorează în cache informațiile paginii pe partea sa și le afișează pe paginile rețelelor sociale

Cum să trimiteți descrieri diferite pentru o pagină.
De exemplu, la crearea unei pagini promoționale pe allsoft.ru cu un test de benzi desenate, a fost necesar să se trimită diferite descrieri către rețelele sociale pentru numărul diferit de puncte obținute de utilizator în test. Deoarece rețeaua socială primește o descriere a unei pagini făcând clic pe un link, sunt necesare link-uri diferite pentru descrieri diferite. În plus, Twitter permite doar 140 de caractere, deci are nevoie de o descriere separată, mai scurtă.

Nou Ya.share(( element: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"] ), link: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( titlu: "Rezultatul testului: Dragonul este aproape punctul tău forte! Nu poți preda Dragonologie încă, dar pe drumul cel bun!" ) ) ));
1. Aici ya_share_normal este id-ul elementului de pe pagină (), în care va apărea blocul cu butoane sociale, link este linkul, plus în serviceSpecific pentru Twitter indicăm titlul, care diferă de ceea ce este în og: eticheta meta title.

Astfel, pentru sarcina „3 rezultate diferite ale testului plus un link comun către o pagină din afara testului” vom avea 4 etichete:

și 4 blocuri de cod JavaScript ca mai sus.

Cum se schimbă titlul și descrierea stocate în cache de rețeaua socială.
1. Pentru Facebook există cel mai mult Cel mai bun mod: du-te la depanatorul lor

Probabil că nu există site-uri rămase pe Internet care să nu conțină butoane de postare materiale pe rețelele de socializare. Acestea din urmă și-au ocupat de mult și ferm un loc în viața noastră. Comunicăm acolo, ne cunoaștem, promovăm afacerile, citim știri și așa mai departe. O gamă completă de. Nu este de mirare că webmasterii se străduiesc să extindă prezența site-urilor lor pe rețelele sociale prin orice mijloace disponibile. La urma urmei, există tone de trafic potențial de care absolut toată lumea are nevoie. Fluxul de vizitatori înseamnă bani, reputație, creștere. Totul este construit în jurul lui. O bucată gustoasă.

Butoanele sociale sunt necesare, asta e evident. Intrebarea este alta - pe care sa le aleg? Am testat-o ​​pentru tine TOP 5 servicii diferite pentru a adăuga codul de buton pe site-uri web. Scopul este de a-l identifica pe cel optim și de a-l arăta în detaliu. Să începem cu etapa de calificare.

Alegerea candidaților pentru comparație s-a dovedit a fi banală - am luat cele mai populare servicii, despre care a auzit orice persoană care este deloc familiarizată cu subiectul creării de site-uri web. Nu unele rare care câștigă popularitate, doar bătrâni cu experiență.

Componența echipei certificate este următoarea:

Ca urmare a testării serviciilor sociale selectate - uSocial era liderul. Acum doriți să primiți o justificare pentru alegerea noastră. Desigur, nu vom rămâne neîntemeiați.

Să dăm unele fapte, care ne-a convins că decizia a fost corectă.

Alcătuim un set de butoane sociale. Poți alege afișat Servicii retele sociale, forma și stilul nasturilor.

Aici puteți activa butonul „Sus”, activați asistența dispozitive mobile, conectați servicii Viber, WhatsApp, Telegram, SMS.

După instalarea barei sociale din contul personal uSocial, puteți vizualiza statistici despre aprecieri și repostări pentru perioada selectată, atât pentru toate rețelele sociale simultan, cât și pentru cele selectate. Datele sunt afișate în grafice sau diagrame clare.

Dacă metaetichetele sociale sunt completate corect, postările vor fi percepute corect servicii sociale, deoarece indică tipul de material, un titlu relevant și un link către poza dorită. Toate acestea măresc eficiența repostării: materialul dumneavoastră va fi indexat corect de serviciile sociale.

Exemple cod de marcare micro pentru rețelele sociale populare (codul trebuie scris înainte de etichetă):

1. FacebookȘi In contact cu utilizați protocolul Open Graph:

3. Pentru Stare de nervozitate codul arata asa:

4. Pentru Google+ Asa de:

- link către profilul autorului de pe Google+
- Numele site-ului
- fragment de text (până la 40 de caractere)
- descrierea site-ului
- calea către fișierul imagine

Instrumente pentru lucrul cu micro markup.

Cum să repostați postările VKontakte de pe zidurile prietenilor

Funcția „Partajare” vă permite să postați rapid postări de la prieteni sau comunități pe peretele dvs. Pentru a face acest lucru, trebuie să treceți cu mouse-ul peste marcajul „Like” și să selectați acțiunea necesară în fereastra care apare.

Cum să repostați postările VKontakte sau publicațiile de grup

Peretele de pe pagina ta poate fi public sau privat. În secțiunea „Setările mele” a paginii, puteți dezactiva comentariile de pe perete și puteți marca cine poate lăsa postări pe el. După astfel de modificări, prietenii vă vor vedea postările și le vor distribui, dar răspunsurile la orice postare postată de dvs. pot fi văzute doar pe pagina lor. Peretele vă poate servi drept loc pentru a vă stoca citatele, vorbele și imaginile preferate. Aici puteți nota numele cărților pe care decideți să le citiți, precum și să marcați evenimentele la care doriți să participați.

Intrările pe care le creați pot fi trimise pe peretele comunității în care sunteți membru, precum și un mesaj personal către un prieten de pe VKontakte sau prin e-mail.

Alegeți funcțiile peretelui VKontakte de care aveți nevoie, faceți schimb de informații și bucurați-vă de comunicare.

Una dintre ele este flexibilitatea redusă și alegerea limitată. setări standard. Luați blocul de exemplu, recent, din anumite motive, Metrica încorporată este încărcată împreună cu butoanele sociale... Din nou, schimbarea dimensiunii sau culorii butoanelor este destul de problematică.

În timp, soluțiile populare devin mai populare funcții suplimentare, care nu numai că măresc dimensiunea scripturilor încărcate, dar pot conține și cod rău intenționat.

După ce am folosit diverse opțiuni, am ajuns la concluzia că propria mea soluție este mult mai bună și astăzi vă voi povesti despre ea. Dar mai întâi, vă recomand să citiți instrucțiunile pentru instalarea fontului - acesta va fi folosit în exemplu.

Demo online și surse acest exemplu veți găsi la sfârșitul articolului, iar acum să trecem la implementare în ordine. Mai întâi asigurați-vă că site-ul folosește jQuery, altfel activați-l, în WordPress acest lucru se face cel mai bine prin fișierul functions.php:

function my_jquery() ( wp_enqueue_script("jquery"); ) add_action("wp_enqueue_scripts", "my_jquery");

Apoi conectează-te Font Awesome- vom folosi pictograme vectoriale pentru rețelele sociale în loc de imagini. Acum trebuie să inserați baza HTML a butoanelor în codul șablonului: