Widgeturi pentru rețelele sociale. Pictograme sociale widget pentru grupuri, pagini și comunități

Revizuirea designerilor și scripturilor de butoane interne rețelele sociale pentru site-uri web, precum și analogi străini. Scurt, clar și vizual.

2. Calea ușoară obțineți link-uri către site - QIP.RU
Plasați un buton pe site și oferiți vizitatorilor posibilitatea de a adăuga materialele preferate ale site-ului la marcaje, bloguri și rețele sociale. Trei pași: unde să plasați butonul (site web, Blogger sau WordPress), stilul butoanelor (opțiuni gata făcute) și obțineți butonul.

3. Butoane pentru adăugarea de conținut în rețelele sociale - Pluso
Plasați butoanele și oferiți vizitatorilor posibilitatea de a partaja paginile lor preferate pe rețelele sociale, precum și de a imprima, trimite e-mail și adăuga marcaje.

4. Serviciu de activitate socială - UpToLike
Butoane personalizate pentru rețelele sociale cu posibilitatea de a seta culoarea, forma, dimensiunea și efectele speciale. Caracteristicile suplimentare sunt widget-ul de partajare a imaginilor PicShare, funcția „Citat” și funcția personalizată Urmărire.

5. Un buton! — pentru toate serviciile de marcare și rețele sociale
Selectați un buton de vizualizare. Unde va fi instalat butonul: site web, Blogger sau WordPress. Adăugați un buton.

1. Butoane sociale frumoase pentru site - goodshare.js
Afișează butoanele pe aproape orice dispozitiv. Cod curat. Scurtă documentare. SEO prietenos.

2. Script pentru marcajele sociale și butoanele de rețea - Share42
Selectați dimensiunea și marcați pictogramele serviciilor pe care doriți să le utilizați pe site. Selectați opțiunile dorite. Vedeți cum va arăta și/sau descărcați script gata. Instalați scriptul pe un site web WordPress, Drupal etc.

3. Butoane frumoase „like” pentru rețelele sociale folosind jQuery - Social Likes
Script pentru butoanele „like” cu contoare stil uniform pentru rețelele sociale: Facebook, Twitter, VKontakte, Odnoklassniki, My World, Google+ și Pinterest.

1. Butoane de partajare - AddThis
Butoanele de partajare vă vor ajuta să creșteți audiența site-ului dvs. prin atragerea de vizitatori din alte resurse și rețele sociale prin conținut distribuit.

4. Social Sharing - Po.st
Obțineți mai multe beneficii prin distribuirea pe rețelele sociale. Serviciul va facilita procesul de partajare pe rețelele de socializare pentru vizitatori, care va crește trafic organic site-ul.

5. Butoane de partajare pentru orice site - AddToAny
Obțineți codul pentru butoanele rețelelor sociale pentru orice site web. Selectați tipul și stilul butoanelor, specificați e-mailul și alte opțiuni sau alegeți una dintre platformele: WordPress, Drupal, Tumblr, Joomla, Elgg, WordPress.com, Blogger, TypePad sau FeedFlare. Obțineți codul butonului.

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 afaceri, citim știri și așa mai departe. Spectru complet. 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. Întrebarea este diferită - 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 a fost 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. Puteți alege afisat servicii de rețele sociale, forma și stilul butoanelor.

Aici puteți activa butonul „Sus”, activați suportul 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 VKontakte utilizați protocolul Open Graph:

3. Pentru Stare de nervozitate codul arata cam asa:

4. Pentru Google+ Aşa:

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

Cu toții, în timp ce lucrăm la proiectul nostru, dorim să transmitem informații cititorilor noștri cât mai repede și cât mai complet posibil. Prin urmare, încercăm să plasăm toate acestea acolo unde vor fi întotdeauna vizibile - în bara laterală. Și, prin urmare, întotdeauna nu există suficient spațiu. Și trebuie să plasăm acolo widget-uri pentru toate rețelele sociale. Acesta este motivul pentru care trebuie să utilizați serviciul Carusel social - toate widget-urile rețelelor sociale într-unul singur. Vom vorbi mai jos despre toate avantajele și caracteristicile sale de personalizare.

De multe ori ne confruntăm cu problema plasării diverselor bannere publicitare, informații despre afiliați, abonamentele noastre, produsele noastre de informare, informații despre rubrici, articole și comentarii pe un blog. Și, desigur, plasarea widget-urilor de rețele sociale acum atât de populare. Și toată această avalanșă de informații trebuie plasată într-un loc vizibil. Și cel mai adesea acest loc devine bara laterală.

În mod clasic, toată lumea folosește șabloane cu două coloane (câmp și bară laterală cu partea dreaptă). Cred că creșterea numărului de coloane nu este în întregime corectă, pentru că aglomera foarte mult spațiul și afectează negativ factorii comportamentali ai vizitatorilor.

Apropo, titlul spune partea 1, deoarece aceasta este prima postare dintr-o serie despre economisirea spațiului în bara laterală. În următoarele postări mă voi uita la utilizarea funcției de rotație a banner-ului și la utilizarea filelor pentru a îmbunătăți gradul de utilizare a site-ului. Prin urmare, abonați-vă la actualizările blogului.

Nu este nevoie să dovediți că participarea și promovarea mărcii dvs. pe rețelele sociale este acum foarte importantă. Prin urmare, este extrem de important ca acestea să fie prezentate pe site. Și așa m-am întrebat cum să implementez combinația tuturor widgeturilor de social media într-un singur loc. Și iată, am găsit o soluție la această problemă. Faceți cunoștință cu...

Acest serviciu gratuit, datorită căruia este posibil să economisim în mod semnificativ spațiu în bara laterală a proiectului nostru. Aș dori să remarc că acest serviciu face posibilă plasarea widgetului nu numai Motor WordPress, dar și pe site-urile scrise de mână prin inserarea codului html. Toate widget-urile sunt așa rețele populare precum: , Facebook, Google+, YouTube și Twitter - implementate într-un singur widget sub formă de file. Vizual arată așa:

Să începem să ne cunoaștem. Serviciul widget este localizat.

Nu voi vorbi prea mult despre setări; dezvoltatorul său s-a ocupat de o bună explicație despre cum trebuie configurat. Instrucțiunile sunt prezentate în videoclipuri în care ne sunt prezentate suficient de detaliat caracteristicile instalării sale pe site. Există unele particularități, dar nu sunt critice și pot fi rezolvate destul de ușor. Cel mai important lucru este că practic nu va trebui să editați codul. Serviciul va face totul pentru tine.

Să trecem procedura standardînregistrare. Să mergem la service. Faceți clic pe – Widgeturile mele (punctul 1), apoi – Creați un widget nou (punctul 2). Completem câmpul cu cum se va numi și introducem adresa site-ului nostru (punctul 3). Salvați (punctul 4).

Ne aflăm în fila următoare, unde are loc construcția propriu-zisă. Widgetului nostru i se atribuie un număr de identificare. Dacă intenționați să-l instalați prin Plugin WordPress, atunci trebuie să bifați această casetă (punctul 1). Punem jos dimensiunile de care avem nevoie și setăm filele pentru a comuta automat (ele vor derula una câte una interval specificat timp) (punctul 2). Sub forma unui widget, în partea de jos, va exista un link către dezvoltator și ni se oferă să-l eliminăm pentru bani (punctul 3).

Să trecem direct la rețelele sociale în sine. Puteți folosi săgețile pentru a seta ordinea în care sunt amplasate filele (punctul 4). Faceți clic pe butonul roșu pentru a continua la configurarea rețelelor sociale în sine (punctul 5). Puteți alege care dintre ei va participa la spectacol (există situatii diferite– probleme cu cont Google sau pagina VKontakte este înghețată).

Bifam caseta ca vom folosi un plugin pentru WordPress (punctul 1). Bifați caseta Activați comutarea automată a filelor și setați timpul pentru afișarea acestora (după câte secunde va dura pentru a trece la următoarea) (punctul 2). Apoi partea cea mai interesantă, pentru că această informație nu este atât de evidentă. În widget puteți plasa grupuri și comunități din rețelele sociale, și nu pagini personale.

Completați aceste câmpuri (punctul 3). Verificăm dacă instalarea este corectă făcând clic pe butonul Previzualizare (pasul 4). Pentru a vedea ID-ul unui grup VKontakte, accesați el, mutați mouse-ul la Participanți, apoi clic dreapta

Configurarea ID-ului widget pentru Twitter.

Mergem la pagina noastră. Apoi mergeți în colțul din dreapta sus - Setări. Din meniul pop-up, selectați – Widgeturi. Configuram widgetul necesar ca stil si marime, iar in noul cod generat din fereastra gasim linia cu ID-ul. Numerele de după el sunt ID-ul nostru widget pentru Twitter. Pentru a vedea autentificarea utilizatorului pe canalul YouTube, conectați-vă la Google+ și accesați acesta legătură

. Luați ID-ul și lipiți-l în formular.

Pentru a vedea ID-ul pe Google +, conectează-te acolo, mergi la Profil și poți vedea numerele în bara de adrese. Acestea trebuie introduse în câmpul din formular.

Pentru Facebook (important!), copiem nu linkul profilului, nu linkul grupului, ci linkul paginii.

Pagina mea de Facebook arată astfel:

Toate. Formularul a fost completat. Faceți clic pe Generare cod. Acesta este codul pe care îl avem. Hai să-l copiem. Acum avem 2 variante de instalare pe site.

Opțiunea 1. Prin intermediul unui plugin WordPress. Pentru a-l copia, accesați pluginul WordPress, ca pe oricare dintre marcajele sociale și descărcați-l. Apoi îl instalăm pe motor ca standard și îl activăm. Apoi Setări – Carusel social. Lipim codul nostru, introducem ID-ul acestuia, setăm dimensiunile widget-ului și salvăm. Să mergem la

Aspect

– Widgeturi (punctele 1-2). Trageți widgetul Text în bara laterală și plasați următorul cod pentru afișarea widgetului rețelei sociale în el:

Gata. Admirăm și ne bucurăm de rezultatele muncii noastre.

Opțiunea 2. Acest plugin a început să intre în conflict cu unul dintre cele deja instalate. Mai mult, tendința recentă este de a scăpa de lucrurile inutile și de a economisi spațiu. Prin urmare, am demolat pluginul și am plasat codul nostru generat în fișierul header.php al temei mele înainte de eticheta de închidere. S-a dovedit cam așa:

Codul meu generat

Am lăsat widgetul din bara laterală cu rezultatul așa cum este. Rezultatul îl puteți vedea aici pe blogul din partea dreaptă. Este destul de bine făcută și are un plus uriaș - ne economisește spațiul.

În sfârșit, urmăriți un videoclip despre serviciu:

Timp de citire: 3 minute.

Publicat 26.08.2016 Buna ziua! Continuăm să analizăm cele mai interesante și mai utile plugin-uri pentru site-ul WordPress. Astăzi veți învăța cum să adăugați foarte ușor un widget cu pictograme sociale pe site-ul dvs. web. Folosind acest widget, puteți adăuga nu numai pictograme sociale pe site-ul dvs., ci și pur și simplu diferite pictograme pe orice site și pagină. În setările widgetului veți avea peste 400 de pictograme diferite din care să alegeți. Puteți insera orice pictogramă în fiecare adresa URL

, rețelele sociale sau orice site web. Puteți alege culoarea și dimensiunea pictogramei. Există trei stiluri din care puteți alege, marginile rotunde, pătrate și rotunjite.

Puteți instala pluginul Social Icons Widget by WPZOOM direct din panoul de administrare WordPress. Accesați pagina: Plugins – Add new, introduceți numele pluginului în formularul de căutare, apăsați Enter, instalați și activați pluginul.

– Titlu, puteți specifica un titlu pentru widget.

– Descriere, puteți specifica o descriere pentru widget.

– Afișați etichetele pictogramelor, bifați caseta aici pentru a adăuga o descriere pictogramelor.

– Deschideți linkurile într-o filă nouă, bifați caseta de aici pentru a deschide linkurile într-o fereastră nouă.

– Stil pictogramă, există două stiluri pentru pictograme, cu și fără fundal.

– Icon Background Style, aici puteți alege stilul pentru fundalul pictogramelor, fundal cu colțuri rotunjite, fundal rotund și fundal pătrat.

– Icon Padding (pixeli), aici puteți specifica dimensiunea icon Padding.

– Dimensiunea pictogramelor (pixeli), aici puteți seta dimensiunea pictogramelor.

– Pictograme, veți avea trei rețele sociale afișate implicit. pictograme pentru facebook, twitter și instagram. Trebuie să adăugați link-urile dvs. către paginile sau comunitățile de pe aceste rețele sociale. În cele din urmă, salvați widgetul

De asemenea, puteți adăuga pictograme suplimentare. Pentru a adăuga o pictogramă, faceți clic pe butonul – Adăugați mai multe. Veți vedea un câmp pentru o nouă pictogramă pentru a selecta o pictogramă, faceți clic pe cruce din cercul negru.

În continuare, se va deschide o fereastră pentru a selecta pictogramele. Selectați o pictogramă, selectați o culoare pentru pictogramă, puteți selecta o categorie de pictograme. Veți avea la dispoziție 4 categorii cu pictograme diferite, mai mult de 400 de piese. La final, faceți clic pe butonul de mai jos - Salvați.