Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Programe
  • Cum să faci butoane mari pentru rețelele sociale. Butoanele rețelelor sociale

Cum să faci butoane mari pentru rețelele sociale. Butoanele rețelelor sociale

Salutari! Recent, am fost întrebat în feedback cum să fac aceleași butoane de rețea socială care sunt instalate pe site-ul meu. Și am decis să dau un răspuns î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 principalele aspecte pozitive și negative ale plasării unor astfel de pictograme.

Defecte

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

Prezentare generală a serviciilor pentru butoanele sociale

Luați în considerare cele mai populare servicii pe care le puteți utiliza pentru a adăuga butoane de rețele sociale pe site-ul dvs.

    Acesta este un serviciu complet gratuit care funcționează după cum urmează. Acesta generează automat un script special, cu ajutorul căruia este posibil ca vizitatorii proiectului Internet să publice 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 pentru butoane diferite! Le poți alege foarte ușor pe cele care îți plac.

    Instalarea are loc literalmente cu un singur clic. Există statistici ale tranzițiilor.


  1. Acesta este probabil unul dintre cele mai interesante servicii online, 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 o codificare. După selectarea tuturor setărilor necesare, scriptul generat trebuie descărcat și plasat în proiectul dvs. de Internet în locul necesar. Practic, imediat după articol.


  2. Yandex se oferă să aleagă independent 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 aspectul.

    Apoi, sistemul va genera automat codul sursă, care va trebui instalat pe blogul tău. Principalele avantaje ale acestui serviciu includ faptul că scriptul nu pune link-uri de ieșire pe blogul creat. De asemenea, este posibil să conectați Yandex.Metrica pentru a păstra statistici.


  3. Acest serviciu oferă utilizatorilor să plaseze pe site-ul lor butoane foarte frumoase și stilate ale rețelelor sociale. Formularul generat de serviciu folosește css și javascript. Formularul generat se va potrivi perfect în designul oricărui proiect pe Internet. Butoanele Like sunt realizate folosind tehnologia modernă jquery. Conexiunea este foarte simplă și nu va crea dificultăți nici măcar începătorilor. Descărcarea este foarte rapidă.


  4. Acesta este un serviciu online util și complet gratuit care oferă utilizatorilor să plaseze butoanele în acest fel: pe un rând, aranjare sub formă de meniu derulant, pictograme ale tuturor serviciilor într-o linie. După selectarea opțiunilor de afișare, serviciul va genera automat un cod javascript special care va trebui să fie plasat în locul necesar pe site.

    În plus, serviciul spune cum să adăugați codul creat la .


  5. 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ă efectuați doar trei pași simpli: selectați locul î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 marcaje și rețele sociale.

Deci, instalarea butoanelor de rețele sociale pentru un site este foarte simplă și nu va cauza dificultăți nici măcar utilizatorilor de internet începători. Opțional, puteți seta fie butoanele pentru toate rețelele disponibile, fie selectați numai 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. :)

Recent, a devenit la modă instalarea butoanelor de rețele sociale 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 în rețelele sociale. În al doilea rând, există tipuri separate de butoane care vă permit să partajați linkuri către pagini individuale ale site-ului 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 butoanele rețelelor sociale pe site pentru a ajuta la dezvoltarea resursei web. 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 vom lua în considerare instalarea butoanelor standard oferite de rețelele sociale în sine. În acest caz, fiecare buton va trebui instalat separat de celelalte, 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ă cu oricare dorită (în mod implicit, „salvare”).

Mai întâi trebuie să intri pe pagina cu , în același loc vei primi codul de script pe care va trebui să-l instalezi pe site-ul tău pentru ca butonul să fie afișat.

Aici puteți alege una dintre cele 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 adresă-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 trebuie plasat oriunde între etichete și, al doilea - în locul în care trebuie afișat butonul. Citiți despre instalarea unui buton pe un site în paragraful .

1.1.2 Butonul Like

A doua versiune a butonului este widgetul " imi place". Va fi mai ușor să-l instalați pe site, deoarece. la sfârșit, veți primi o singură bucată de cod, care va trebui să fie plasată în locul potrivit pe site.

Pentru a personaliza 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 paginii principale a site-ului dvs.

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

Buton Opțiuni- acestea sunt stiluri diferite ale butonului, acestea îi afectează aspectul.

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

Numele butonului– sunt disponibile două variante (îmi place, e interesant).

Cod ascuns- codul necesar pentru a afișa butonul rețelei sociale Vkontakte.

1.2 Facebook

Butonul de pe această pagină este configurat. Pot apărea dificultăți, deoarece Comentariile formularului sunt în limba engleză, dar mai jos puteți citi o scurtă descriere a fiecărui câmp.

URLlaCa– adresa-url a paginii pentru butonul (dacă câmpul este gol, atunci se va lua adresa paginii pe care se află butonul).

trimitebuton– prezența unei bifă activează o nouă opțiune – trimite un link către Facebook (va fi afișat un buton suplimentar – „trimite”). Când este activată, două butoane vor fi afișate în același timp.

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

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

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

Font– tipul fontului butonului.

schema de culori– fundalul spațiului de lângă buton (alb și negru).

verb a afișa- numele butonului (îmi place, il recomand).

obțineCod– butonul care generează codul 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 neglijați instalarea butonului „Class” din serviciul Odnoklassniki și „Like” de pe site-ul My World.

Pentru a personaliza butoanele, trebuie să accesați . Puteți adăuga butoane individual, configurând fiecare în felul dumneavoastră, 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 butoanelor (cum ar fi, clasă)

Tejghea- pornirea și oprirea contorului de apăsări de butoane (în dreapta, sus - locația contorului).

Textul butonului– selectarea unuia 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 a câștigat o audiență uriașă în scurt timp. Este greu de imaginat un site web fără un buton „+1”. nu numai că vă permite să adăugați linkuri către o rețea de socializare și să creșteți numărul de „plusuri”, dar poate afecta și rezultatele site-ului în TOP-ul motorului de căutare Google.

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

1.5 Twitter

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

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

După aceea, pe pagină va apărea un formular cu mai multe câmpuri pe care trebuie să le completați.

Trimite linkul– selectarea paginii pe care se află butonul, sau oricare alta.

Text– selectarea textului care va apărea lângă buton (NU PE BUTON ÎNȘI).

Afișează contorul– activați sau dezactivați numărătoarea inversă a numărului de apăsări de butoane.

Prin intermediul- alegerea modului de adăugare a unui mesaj de legătură la Twitter (practic nu afectează nimic).

marcă- selectați eticheta care va fi publicată pe Twitter (practic nu afectează nimic).

buton mare– măriți dimensiunea geometrică a butonului.

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

Limba– selectarea limbii butoanelor.

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

1.6 Ya.ru

Pentru a face acest lucru, trebuie să completați mai multe câmpuri care vor forma codul de script dorit.


Marimea
– dimensiunea nasturii mici sau mari.

Stil– alegere între buton sau pictogramă.

Prezența unui contor– activați sau dezactivați contorul de apăsări de butoane.

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

antet– selectarea unui titlu pentru pagină (arbitrar sau titlul paginii curente).

Cod ascuns- codul dorit care se adauga pe site.

2. Butoane gata făcute pentru site

Dar dacă nu există dorința de a adăuga codul fiecărui 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, este suficient să adăugați un cod al unui astfel de script pe site-ul dvs. și veți avea imediat instalate butoanele celor 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 rețelelor sociale dorite dintre cele oferite, precum și editați ușor aspectul blocului.


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

Codul- scriptul dorit 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, datorită cărora puteți crea butoane de rețele sociale în așa fel încât acestea să se potrivească perfect în designul site-ului.

Mai întâi trebuie să alegeți stilul de butoane și contoare dintre mai multe propuse (orizontale, verticale, colorate, incolore etc.).

Apoi, trebuie să configurați o serie de opțiuni 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 conform parametrilor specificati de tine, dupa care trebuie introdus in 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 din numărul 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 panou cu pictograme- afișarea unui bloc de butoane (foarte interesantă opțiune „plutire verticală”).

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

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

Adăugați pictograma pentru site-ul web Share42.com- Poate fi necesar să debifați caseta.

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 pe care doriți să îl plasați 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 poate fi omis.

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 "Antet" (antet.php) daca nu, atunci - „Șablon principal” (index.php). Acum trebuie să găsiți eticheta sau. Dacă nu există astfel de etichete în fișierele specificate (toate temele sunt diferite, acest lucru poate fi), atunci va trebui să deschideți toate fișierele pentru editare și să căutați eticheta în fiecare dintre ele . Puteți utiliza comanda rapidă de la tastatură Ctrl+F pentru a căuta.

După ce găsiți etichetele de care aveți nevoie, puteți posta prima parte a codului. chiar î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 de social media alese pentru site. Dacă codul constă dintr-o singură parte, atunci este suficient să faceți doar această operație.

Cel mai adesea, butoanele sunt adăugate înaintea articolului sau la sfârșitul acestuia. Mai ușoară, desigur, 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.

Bună prieteni! Articolul de astăzi va fi foarte voluminos, dar în același timp extrem de util. De ce m-am hotarat sa scriu acest articol? Faptul este că sunt întrebat în mod constant cum să obțin mai mulți fani într-o anumită rețea de socializare? De ce oamenii nu îmi urmăresc pagina de Facebook? De ce nimeni nu urmărește compania pe Twitter?

Aproape fiecare companie are astăzi un site web și chiar un blog. Ai un site web? Așa sper! Dacă nu, atunci trebuie să te gândești urgent la asta! Ei bine, cu bloggerii și proprietarii de profesii gratuite (consultanți și liber profesioniști), este clar că au propria lor adresă pe Internet - un site web. Prieteni, problema este că puține site-uri sunt cu adevărat optimizate pentru rețelele sociale. Ele pot produce o grămadă de conținut foarte util și interesant, dar nimeni nu le vede și nu le aude. SMO (optimizare social media) Ai auzit acest termen? Deci nimeni nu este implicat chiar în acest CMO (optimizarea site-ului pentru rețelele sociale). Dar în zadar! Există un număr imens de moduri pe care experții le cunosc pentru a crea ceea ce se spune a fi trafic pe un site web. Manipularile simple + a avea idei si creativitate pot ajuta semnificativ compania ta in promovare. Asta iti garantez!

Așa că mai jos vă voi spune, cum se instalează butoanele și widget-urile sociale oficiale pe site. Acestea vor fi doar butoane și widget-uri oficiale - fără servicii sau pluginuri!

Rețelele sociale au încercat foarte mult și au creat un număr mare de butoane și widget-uri diferite. Nimeni nu a auzit chiar de multe, deși sunt disponibile gratuit pentru toată lumea. Aici, le vom acoperi doar pe cele mai utile și eficiente care vă vor ajuta să vă creșteți baza de fani, precum și să faceți distribuirea articolelor și a altor conținuturi simplă și fără efort pentru vizitatorii site-ului dvs.

Dacă doriți să instalați aceleași butoane ca pe site-ul meu, atunci sunt scrise mai multe despre asta.

Alegeți un social rețeaua ale cărei butoane doriți să le setați:

Tipuri de butoane sociale

Înainte de a începe cu instrucțiunile de instalare a butoanelor, vreau să vă atrag atenția asupra faptului că există diferite tipuri de butoane:

Facebook, ca și alte rețele sociale rețelele există o selecție mare de butoane și widget-uri sociale. Fiecare dintre ele are propria sa funcție și scopul. În această secțiune, le vom lua în considerare doar pe cele mai utilizate și necesare. Restul le puteți vizualiza și testa pe site-ul dezvoltatorilor de pe Facebook.

Notă: Să fim de acord imediat. În descrierea fiecărei secțiuni, voi da un link către site-ul dezvoltatorilor rețelei sociale în cauză. retelelor. Pe astfel de pagini, puteți găsi link-uri către toate butoanele și widget-urile existente. Prin urmare, deschideți imediat pagina dezvoltatorilor într-o filă separată și citiți în continuare acest articol.

Site pentru dezvoltatori Facebook: https://developers.facebook.com/docs/plugins

Ca Buton

Cum să instalați?

Instalarea butonului „Like” este foarte ușoară! Trebuie să accesați site-ul dezvoltatorilor de pe Facebook (după cum am convenit, linkul este la începutul acestei secțiuni). Înainte de a începe să creați butoane și widget-uri noi, trebuie să creați o nouă aplicație în meniul Aplicații. Acest lucru trebuie făcut, pentru că fără el, Facebook nu vă va lăsa să creați butoane!

Dacă aveți probleme cu crearea unei aplicații sau generarea de scripturi, anunțați-mă în comentarii și voi face instrucțiuni și mai detaliate despre instalarea butoanelor.

Deci, pentru a seta butonul „Like”, pe pagina dezvoltatorilor, în coloana din stânga, faceți clic pe „ butonul like (web)«. Acum trebuie să alegeți dintre opțiunile oferite de Facebook pentru a obține exact widgetul dorit.

1) Url pentru Like— introduceți un link către pagina, publicația, pagina de destinație pentru care creați butonul „Like”. Poate fi orice tip de conținut, chiar și o imagine sau un videoclip. Principalul lucru este că oferiți un link pe care utilizatorii îl vor partaja.

2) Lăţime- Dacă aveți spațiu limitat pentru buton, atunci puteți specifica lățimea widget-ului în pixeli. Butoanele în sine sunt mici, dar dacă alegeți butoanele standard, textul ocupă destul de mult spațiu. Voi vorbi despre asta în paragraful următor.

3) aspect- Tip widget. Facebook oferă 4 opțiuni din care să alegi: standard (ca în imagine), cu un contor mare, cu un contor mic și doar butoane. Totul depinde de gustul dvs., de stilul site-ului, de spațiul disponibil pentru butoane și de dorința de a afișa contoare (adică, câți oameni au dat clic pe buton).

4) Tip de acțiune- tipul de acțiune, adică ce tip de buton doriți să setați: „Like” sau „Recomand”. Am scris în detaliu despre diferențele dintre aceste butoane - și widget-urile de pe Facebook în general - în .

5) Arată fețele prietenilor- dacă doriți ca butoanele să arate vizitatorului site-ului dvs. avatarele prietenilor săi care au dat deja clic pe butonul „Like”, atunci bifați această casetă. Dacă niciunul dintre prieteni nu a apreciat pagina, articolul etc., atunci Facebook nu va afișa fotografia, dar în text îi va oferi utilizatorului să fie primul care îi va da like. Dacă spațiul permite, recomand activarea acestei opțiuni, întrucât fețele prietenilor au un efect pozitiv asupra percepției conținutului de către cititor, sporindu-i încrederea și împingându-l deseori să apese și pe buton, chiar dacă doar din solidaritate.

După ce ați completat toate câmpurile, faceți clic pe butonul Obțineți codul pentru a genera codul pe care îl veți instala pe site. Prima parte a scriptului este setată la etichetă pagina, iar a doua parte este inserată în locul în care doriți să setați butonul.

Site-ul ar trebui să se deschidă în rusă, dar dacă, dintr-un motiv ciudat, este în engleză, atunci puteți schimba limba chiar în partea de sus a paginii.

Cum să instalați?

Butonul Tweet

Un alt buton binecunoscut de pe Twitter este „Tweet”, care permite utilizatorilor să partajeze conținutul tău cu adepții lor Twitter.

Cum să instalați?

Toate butoanele Twitter sunt instalate pe pagina dezvoltatorilor menționată mai sus. Procesul pentru toate butoanele este aproape identic - selectăm tipul dorit de buton, completăm parametrii și copiam codul, pe care apoi îl lipim pe site.

Butonul Hashtag

Acesta este un buton foarte interesant, despre care, sunt sigur, aproape nimeni nu știe. Eu personal nu am văzut pe nimeni în RuNet să-l folosească. Cu toate acestea, este foarte bun pentru anumite sarcini. De exemplu, un astfel de buton poate fi folosit pentru a promova orice evenimente, webinarii, discuții pe Twitter sub o anumită etichetă, campanii de marketing, concursuri. Da, orice! Există mult loc pentru creativitate aici!

Este logic dacă butonul hashtag este instalat pe paginile legate de acest hashtag. De exemplu, să presupunem că ai scris un articol despre unul nou pe care îl faci pentru fani pe Twitter. Pentru a participa la concurs, trebuie să utilizați un anume hashtag. Folosind un buton similar, îi vei face viața mai ușoară unei persoane, deoarece dând clic pe el, acesta va deschide un tweet cu hashtagul dorit. El poate doar să adauge ceva text și să trimită tweet-ul liber. Și el este bine și vei avea un nou membru. Nu e grozav? Într-un cuvânt, trebuie să forjați fierul fără a părăsi casa de marcat, adică în timp ce cititorul este sub emoția a ceea ce a citit. Două minute mai târziu, va fi distras și poate uita ceea ce tocmai a citit.

În timp ce imaginația mea se dezlănțuie, vă voi împărtăși încă o idee. Să presupunem că găzduiești un eveniment (online sau offline). Pentru a-l promova, creezi un articol sau o pagină separată dedicată acestui subiect. Chiar acolo, în text, inserați un buton „Hashtag” și lângă acesta, inserați un widget separat care va afișa, în timp real, toate tweet-urile care folosesc acest hashtag. După ce ați văzut discuția altor utilizatori, poate cititorul dvs. nu foarte activ se va maturiza pentru a participa la ea. Scopul aici este de a atrage atenția cititorului asupra a ceea ce se întâmplă, de a-l implica în discuție și, bineînțeles, de a-l menține pe site.

Cum să instalați?

Butonul „Hashtag” este setat de pe aceeași pagină despre care am scris mai sus.

Menționează butonul

În sfârșit, vă voi spune despre încă un buton bun, pe care, din păcate, nu îl folosește nimeni. Dar în zadar! Se poate spune că acesta este un tweet obișnuit trimis către un profil prestabilit. Cred că butonul este puțin folosit pentru că mulți nu știu cum și unde să-l seteze. Iată câteva exemple care îmi vin în minte. Dacă știi că publicul tău țintă este pe Twitter și folosește activ această rețea socială. de rețea, de ce nu încurajați oamenii să vă tweeteze direct de pe site? Ar putea fi un tweet către autorul unui articol, un tweet dintr-o pagină Despre sau Contact, un tweet direct către asistența Twitter etc. Vedeți câte oportunități ratați pentru a vă activa contul Twitter?

Dacă o persoană a venit pe site-ul tău, atunci are deja un anumit interes pentru tine, așa că trebuie să-l împingi la acțiune chiar acum. Într-un minut poate fi prea târziu! Din păcate, au venit vremurile în care uităm să facem ceva foarte repede, întrucât trecem atenția de la unul la altul în fiecare minut. Și cu cât publicul tău este mai tânăr, cu atât acest fenomen se manifestă mai mult, așa că nu uita de existența acestui buton și încearcă să-l folosești acolo unde este cazul.

Cum să instalați?

Instalăm butonul toate de pe aceeași pagină. Dacă citiți instrucțiunile pentru butoanele anterioare, atunci toate opțiunile pentru butonul „Menționați” de pe Twitter ar trebui să vă fie clare.

Vezi mai jos cum funcționează un astfel de buton. Nu uitați să-mi scrieți pe Twitter ce părere aveți despre acest articol 🙂 Este important pentru mine să știu ce cred cititorii mei, așa că mi-ar plăcea să aud de la tine.

Menționează un exemplu de buton

Widgeturi Twitter

Ne-am dat seama de butoanele Twitter. Acum aș dori să vă spun pe scurt despre widget-urile oficiale pe care le are Twitter. Scripturi pentru toate widget-urile, puteți obține asta legătură.

Widgeturile sunt de următoarele tipuri:

  • Widget obișnuit cu cele mai recente tweet-uri;
  • Widget de căutare, care arată rezultatele căutării pentru cheia dată în timp real. Acest tip de widget este foarte convenabil pentru căutare, de exemplu, după hashtag-ul dvs. de marcă. Vedeți un exemplu de utilizare a acestuia în secțiunea Butonul Hashtag pentru Twitter;
  • Widget Favorite- Afișează tweet-urile pe care le-ați adăugat la favorite. Acest tip de widget poate fi folosit, de exemplu, pentru a afișa feedback pozitiv despre o companie. De ce nu?
  • Widget pentru colecții Colecțiile sunt ceva între favorite și liste. Puteți selecta manual ce tweet-uri vor fi incluse în colecție. Observ că fiecare colecție are propriul link și descriere. Această caracteristică este foarte puțin folosită pe Twitter, deși este foarte interesantă.
  • Widget pentru liste afișează listele de profiluri pe care le-ați creat. Și aici poți fi creativ și poți face ceva interesant și util pentru cititor, care, în același timp, te va avantaja. Ce zici de o listă de parteneri, conturile companiei tale (dacă sunt multe), un portofoliu de conturi Twitter pe care le gestionezi (pentru agenții și freelanceri) sau, de exemplu, o listă de membri ai clubului tău? Din nou, nu există nicio limită pentru creativitate aici.

Un exemplu de widget Twitter obișnuit

In contact cu

Rețeaua socială Vkontakte, ca și altele, are o mulțime de butoane și widget-uri diferite. O listă completă a acestora poate fi văzută pe site-ul dezvoltatorilor: https://vk.com/dev/sites

Din nou, voi trece doar prin cele mai importante, altfel acest articol nu va fi un articol, ci o carte întreagă... Cred că va fi mult mai ușor de înțeles widget-urile VK, deoarece site-ul și toată documentația necesară sunt disponibile și în limba rusă.

Butonul de like

Cum să instalați?

Mai întâi trebuie să accesați pagina widget. Am dat un link către lista de widget-uri chiar la începutul secțiunii Vkontakte.

Cum să instalați?

Pentru a introduce widget-ul „Comunitate” în site, trebuie mai întâi să introduceți un link către pagina sau grupul dvs. în Vkontakte. Apoi, alegeți dacă doriți ca widgetul să afișeze fețele membrilor grupului sau ale fanilor paginii, precum și cele mai recente știri din pagină, sau dacă doriți un simplu plug-in cu un buton Like. Întrucât widget-ul VK este foarte asemănător cu Facebook, recomandările privind tipul de plugin rămân aceleași. Nu mă voi repeta, așa că dacă ești interesat, verifică secțiunea de pluginuri Facebook.

Urmează parametrii legați de dimensiunea pluginului și aspectul acestuia. Totul depinde de paleta de culori a site-ului dvs. și de spațiul disponibil pentru plugin. În principiu, puteți alege orice culoare, dar este totuși recomandat să păstrați paleta de culori originală, deoarece astfel de culori sunt mai familiare utilizatorilor și nu îi sperie. Și, în sfârșit, am ajuns la ultimul punct - introducem codul în site. După cum vă amintiți deja, prima parte a codului intră în etichetă pagina, iar a doua parte la locul unde va sta pluginul.

Cel mai recent, am creat o pagină de blog „Despre SMM” în Vkontakte. Prin urmare, dacă doriți să primiți cele mai recente actualizări în acest social. rețele, apoi alăturați-vă!

Exemplu de plugin „Comunitate” Vkontakte

Urmărește widgetul de autor

La fel ca și pluginul Facebook numit similar, acest widget este recomandat oricui doresc să-și dezvolte marca personală. Dacă sunteți, de exemplu, un autor de cărți sau un blog, un jurnalist, un avocat, un agent imobiliar etc., atunci de ce să nu instalați un astfel de buton pe site-ul dvs.? Este mai ușor pentru potențialii cumpărători să stabilească contactul cu o persoană reală decât, de exemplu, cu o pagină sau un grup pentru care nu este clar cine se află în spatele acesteia. Așa suntem aranjați, o persoană este o ființă socială și ne place contactul personal, prin urmare, un astfel de widget va fi util oricărui profesionist, indiferent de domeniul în care lucrați.

Cum să instalați?

Instalarea este ușoară! Accesați pagina widget în VK și introduceți adresa de profil. Apoi, alegeți ce buton doriți să instalați. Repet încă o dată că este de dorit să instalați numai butoane prin script (de exemplu, un buton sau un buton luminos). Dacă ai nevoie doar de un link, atunci este mai bine să o faci prin cod HTML, pentru a nu supraîncărca site-ul cu scripturi, fără de care te poți lipsi foarte ușor. Efectul va fi același, iar site-ul se va încărca mai repede.

Alte widget-uri Vkontakte

Băieți, mai sus am enumerat cele mai comune și mai eficiente widget-uri VK, dar lista nu se limitează la asta. Vkontakte are o mulțime de widget-uri diferite care pot fi utile într-o anumită situație. De exemplu, widget de sondaj pe care aproape nimeni nu-l folosește. Dacă ați creat un sondaj pe pagina dvs. VK, atunci de ce să nu îl introduceți într-un articol similar? Cititorii site-ului dvs. vor putea vota pentru versiunea lor direct pe site-ul dvs., iar informațiile despre aceasta vor ajunge și la VK. Nu-i rău, nu?

Există, de asemenea, un interesant Widget „Recomandări”, care scoate la iveală cele mai interesante articole de pe blogul sau site-ul tău. Gradul de interes pentru un anumit conținut este determinat de numărul de clicuri pe butonul „Like”. Într-un cuvânt, Vkontakte va număra automat câți utilizatori au făcut clic pe butoanele „Like” și va colecta toate cele mai interesante articole din acest bloc. Dacă publicul tău țintă este larg reprezentat în social. Rețeaua Vkontakte, atunci ar trebui să încercați să instalați aceste două widget-uri: „Îmi place” și „Recomandări”. Sunt sigur că rezultatele nu vă vor face să așteptați!

LinkedIn

Acum să vorbim despre - LinkedIn. Această rețea este doar în creștere în popularitate la noi, așa că nu mulți oameni înțeleg cum poate fi folosită pentru a obține rezultate pozitive. În America, de unde provine această rețea, sunt puțini profesioniști sau companii care nu au un profil LinkedIn. Acolo se vor uita de sus la tine dacă măcar nu ești înregistrat în social. retelelor. În Europa, utilizarea socială rețelele sunt foarte diferite în funcție de țară. De exemplu, Marea Britanie și Suedia sunt lider în încorporarea LinkedIn în strategiile de marketing ale companiilor. Nu numai că încurajează angajații să aibă profiluri online, dar și angajează oameni prin LinkedIn, fac publicitate pentru companii și produse, caută potențiali clienți și parteneri și așa mai departe.

Dar nu vorbim despre asta astăzi. Vom vorbi despre pluginurile sociale pe care LinkedIn le-a dezvoltat pentru noi și unde și cum pot fi utilizate. Nu vă grăbiți să spuneți că această rețea nu vă interesează! Iar dacă lucrezi în domeniul consultanței, b2b, atunci pur și simplu trebuie să citești această secțiune.

Deci, LinkedIn, ca toate rețelele sociale. rețele, există o pagină separată unde puteți vedea toate butoanele și pluginurile existente: https://developer.linkedin.com/plugins

Site-ul dezvoltatorului, din păcate, există doar în limba engleză, așa că voi încerca să explic cât mai detaliat instalarea fiecărui plugin și buton.

Cum să instalați?

Cum să instalați?

Butonul „Subscribe” este instalat din aceeași pagină a dezvoltatorilor, link-ul căruia l-am dat la începutul secțiunii. În coloana din stânga, faceți clic pe „ urmărește compania” și LinkedIn vă va arăta secțiunea relevantă. Mai întâi, selectați ce fel de buton doriți să instalați: cu un contor vertical sau orizontal sau poate cel mai comun și faceți clic pe Ia-l. Apoi, trebuie să introduceți numele companiei pentru care setați butonul. În caseta corespunzătoare, începeți să scrieți numele, literă cu literă, și ar trebui să apară pe listă. Uneori, lista durează mult să se încarce, așa că fă-ți timp. Numele trebuie scris exact așa cum este scris pe pagina companiei. Apoi selectați limba butonului - rusă, tipul butonului și faceți clic pe butonul " pentru a obține codul". Acum doar lipiți codul în locul potrivit de pe site și gata! În rusă, apropo, butonul se va numi „Track”, ceea ce nu prea îmi place. Eu personal aș lăsa versiunea în engleză. Din fericire, toată lumea știe deja ce înseamnă cuvântul „urmăriți” 🙂

Nu am creat încă o pagină de companie pe LinkedIn, așa că nu există încă un exemplu real. Daca fac o pagina pe viitor, cu siguranta o voi insera ca exemplu in articol.

Butonul de profil personal

Acesta este un alt plugin bun, dar din nou puțin folosit. Acest buton afișează fotografia de profil personală, titlul și prietenii utilizatorului care vede acest plugin. Desigur, pentru ca LinkedIn să poată arăta conexiuni profesionale unui cititor al site-ului tău, acesta – cititorul – trebuie să fie autentificat (dacă pot spune așa) pe LinkedIn. Pe scurt, utilizatorul trebuie să fie conectat la LinkedIn pentru ca pluginul să funcționeze pe deplin.

Cui poate fi util acest plugin? Cred că pentru oamenii care lucrează în sectorul b2b, va fi cel mai util. Deși îl poți folosi oriunde: pe pagina despre autorii site-ului, pe pagina despre angajații companiei, pe paginile despre clienții și partenerii tăi (cu permisiunea lor, desigur) - există multe opțiuni. Principalul lucru este că astfel de butoane de profil se potrivesc organic în site-ul dvs. web și strategia companiei. Dacă angajații tăi au profiluri pe jumătate completate, mergi pe LinkedIn o dată pe an și au 10 conexiuni, atunci nu are rost să expui astfel de profiluri. Dacă compania dvs., dimpotrivă, este implicată activ în promovarea în social. rețele, atunci un astfel de plugin vă poate aduce o mulțime de beneficii.

butonul +1

Cum să instalați?

Cum să instalați?

Toate butoanele și widget-urile Pinterest sunt instalate din linkul de mai sus. Pentru a seta butonul „Pin it”, trebuie să selectați butonul corespunzător din coloana din stânga.

Butoanele Pinterest sunt puțin mai dificil de configurat, deoarece au multe opțiuni diferite, dar este totuși posibil să le configurați singur.

1) În prima linie " Tip buton» puteți alege tipul de buton pe care doriți să îl instalați pe site: o imagine dată, orice imagine din pagină, sau un buton Pin it care va apărea pe imaginile paginii/articolului.

2) A doua linie - " Aspect„, adică aspectul butonului. Aici, Pinterest oferă multe opțiuni din care să alegi: mare sau mic; dreptunghiular sau rotund; roșu, gri sau alb; text în engleză sau japoneză.

3) A treia linie este contorul. Aici puteți selecta contorul de sus, din lateral sau îl puteți elimina complet.

În funcție de tipul de buton pe care îl alegeți, opțiunile acestuia se vor schimba.

  • Butonul " o singură imagine' implică faptul că doriți să setați o anumită imagine pe care un cititor de site o poate fixa pentru un anumit link. Adică, cititorul nu va avea de ales, chiar dacă pe pagina ta sunt și alte imagini. Dacă decideți să setați o imagine pentru un buton, atunci un astfel de buton trebuie setat separat pentru fiecare pagină, deoarece necesită un link către pagină/articol. În prima coloană, trebuie să inserați un link către pagina pe care utilizatorii o vor partaja, adică linkul pe care îl vor fixa. Apoi, furnizați un link către imagine. Aceasta, apropo, poate fi orice sursă, chiar și în afara site-ului dvs. În ultima coloană, puteți specifica textul pentru imaginea pe care utilizatorul o va distribui. Acesta poate fi, de exemplu, titlul unei pagini sau titlul unui articol. Înainte de a trimite pinul, utilizatorul, dacă dorește, va putea înlocui textul dvs. cu al său.
  • Butonul " Orice imagine' sau orice imagine. Acest buton este foarte simplu și nu necesită parametri suplimentari. Trebuie doar să alegeți dimensiunea și tipul butonului și, de asemenea, să decideți dacă aveți nevoie de un contor sau nu.
  • Butonul " imaginea hover„, adică un buton care va apărea pe imagine în sine atunci când treci cu cursorul mouse-ului peste ea. Puteți încerca cum funcționează în imaginea de exemplu Pinterest.

Acum câteva cuvinte despre cod pe care trebuie să le setați pe pagină. Pinterest, ca și alte rețele sociale rețea, are două coduri: prima parte este introdusă în etichetă , iar a doua parte la locul unde este instalat butonul în sine. Dacă aveți mai multe butoane Pinterest pe aceeași pagină, atunci trebuie să setați primul cod o singură dată.

Un exemplu de cod care este setat o singură dată pe etichetă pagini:.

butonul Abonare

Pinterest, ca și Google+, nu face diferența între conturile personale și conturile companiei, așa că butonul „Urmărește” pentru ambele este creat în același loc. Acest buton este ușor de instalat. Tot ce trebuie să faceți este să introduceți linkul de profil și să denumiți butonul.

După cum am scris mai sus, nu pot încorpora butoanele Pinterest din cauza unui conflict de script, așa că dacă doriți să vă împrietenești cu mine pe Pinterest, trebuie doar să accesezi acest link.

Bonus: hyperlinkuri

Mai jos, voi da exemple despre cum astfel de link-uri sunt create manual. Puteți încerca, de asemenea, un generator de link-uri special - Share Link Generator. Pe acest site puteți crea link-uri pentru Facebook, Twitter, Google+, Pinterest și LinkedIn. Va fi ușor de înțeles site-ul, așa că nu voi explica ce și cum. Cu toate acestea, consultați sfatul meu, deoarece generatorul de linkuri nu oferă un link complet pentru formatul HTML + cod despre cum să deschideți linkul într-o fereastră nouă. Toate acestea plus exemple de link-uri pentru rețele sociale. Rețelele Vkontakte, veți găsi în această secțiune.

http://www.facebook.com/share.php?u= link-ul dvs «> textul hiperlinkului

Salutare tuturor! Astăzi vom vorbi despre cele mai interesante cinci servicii de unde poți alege ușor și rapid aspectul butoane sociale pentru site-ul webși obțineți codul corespunzător.

Bifați casetele de care aveți nevoie și selectați aspectul blocului. Codul este generat automat.

Google+1

Google +1 permite utilizatorilor să voteze pentru pagina dvs. de portal și să o distribuie prietenilor lor de pe rețeaua socială Google+. Cu cât primește mai multe voturi, cu atât Google o va trata mai bine, așa că încercați să alegeți o dimensiune pentru el într-un mod mai mare și plasați-o într-un loc vizibil.

Personalizați dimensiunea și aspectul butonului, selectați limba rusă. Este puțin probabil ca setările avansate să vă fie utile. După cum puteți vedea, va primi butoane sociale de la Yandex și Google foarte ușor și rapid. Literal, două clicuri de mouse și gata!

AddThis.com oferă un buton portocaliu Partajare (sau portocaliu +) care conține un număr mare de rețele sociale, marcaje și servicii diferite. Cele mai populare rețele sociale pot fi eliminate din lista generală și plasate separat lângă Partajare. În plus, serviciul oferă analize și statistici privind activitatea cititorilor. Trebuie să vă înregistrați pe addthis.com pentru a-l accesa.

Dacă ați făcut totul corect și folderul cu script-ul este într-adevăr încărcat în directorul rădăcină, atunci adresa sa va fi http://your_site.ru/share42/. Specificați-l în paragraful 3 al secțiunii „Instalarea scriptului pe site”.

În al patrulea pas vi se cere să vă selectați site-ul dacă îl utilizați. În funcție de articolul bifat, codul de mai jos se va schimba oarecum.

Acum trebuie să introduceți codul de la pasul numărul 5 pe site-ul dvs. Pentru blocul orizontal al butoanelor sociale, totul este simplu - acolo unde îl introduceți, acesta va fi afișat acolo. Cu o verticală plutitoare este ceva mai dificil.

În ultima linie de cod, ar trebui să specificați distanța în pixeli de la începutul paginii (150 în exemplu) și din partea de sus a zonei vizibile (20 în exemplu) până la panoul plutitor.

Dacă nu știți exact unde să introduceți codul, metoda „poke științific” va veni întotdeauna în ajutor - mai devreme sau mai târziu veți reuși, iar panoul va apărea la locul potrivit.

Ultimul lucru de făcut este să copiați stilurile de la pasul #6 în fișierul foaia de stil al site-ului dvs. - cu extensia .css. Cel mai adesea, acest fișier se numește style.css.

Și acum punctul culminant al programului sunt butoanele sociale cu contoare pe care le folosesc în prezent pe blogul meu! Arată pur și simplu superb! Sunt disponibile două dimensiuni - mic și mare. Apropo, oamenii dau clic pe pictograme cu contoare mult mai binevoitor. Chiar și eu am observat asta.

Pentru a afla cum să le instalați pe blogul dvs., citiți secțiunea „Informații importante”:

Primul cod este responsabil pentru funcționalitatea butoanelor, îl inserăm înaintea etichetei head de închidere, care în temele WordPress se află în șablonul header.php.

< script src= „//yandex.st/share/cnt.share.js”>

Al doilea cod este responsabil pentru afișarea acestora. Îl inserăm în locul codului sursă al paginii unde ar trebui să apară pictogramele.

< div class = "yashare-auto-init" data- yashareLink= "" data- yashareTitle= "" data- yashareDescription= "" data- yashareImage= "" data- yashareQuickServices= „yaru, vkontakte, facebook, twitter, odnoklassniki, moimir, gplus” data-yashareTheme="contor" data-yashareType="small">

Observați atributul data-yashareType="small". Mărimea pictogramelor este setată aici: mic - mic, mare - mare. Totul ingenios este simplu.

Cum să adăugați codul butonului social pe site

Am descoperit scriptul de la Share42, acum să ne uităm la cum să adăugați cel mai bine codul butoanelor sociale din alte servicii la resursa de Internet.

Codul butonului este format din două părți:

1. Un script inclus între etichete care arată cam așa:

Și deja codul responsabil pentru afișarea butoanelor sociale ar trebui să fie introdus oriunde pe site.

Asta e tot, mulțumesc pentru atenție. Ai grijă de tine!

Pro:

Pluso X

O versiune experimentală a generatorului de butoane sociale Share Pluso. Are un design îmbunătățit al pictogramei, o fereastră pop-up cu o listă completă de rețele sociale disponibile și, de asemenea, a schimbat butonul portocaliu enervant cu semnul „+”, în locul lui este acum același semn plus, dar într-un design mai plăcut. .
Potrivit dezvoltatorilor, noile butoane sociale sunt adaptate pentru Monitoare cu retina. Orice altceva, la prima vedere, a rămas la fel. Din păcate, printre opțiunile disponibile în constructor, nu am găsit butoane cu contor, deși sunt în ediția standard Pluso.
Nu știu dacă vor înlocui vechiul constructor cu unul nou, dar, în acest moment, ambele funcționează în același timp pe link-uri diferite.

Adaugă asta

Adaugă asta este un serviciu care oferă butoane sociale de înaltă calitate, elegante și flexibile. Această resursă este lider în vest. Este mai puțin popular la noi, dar adesea dau peste site-uri în limba rusă cu widget-ul Adăugați acest lucru.
Există widget-uri plătite și gratuite. În contul gratuit, sunt disponibile doar cele mai de bază opțiuni. Există multe mai multe concepte de design disponibile în cel plătit, cum ar fi: butoane adaptive, butoane cu diverse contoare și multe altele.
Cred că această opțiune nu este potrivită pentru oamenii noștri, deoarece va trebui să plătiți pentru clopoței și fluiere, iar pe piața internă puteți găsi totul la fel, dar gratuit.
Constructorul Add This are o listă uriașă de rețele sociale disponibile, inclusiv Vkontakte, Lumea mea și Odnoklassniki. Există un plugin pentru .

bun share

Lumina si frumoasa butoanele de partajare pentru site-ul dvs. cu un cod de încorporare mic, care este foarte atractiv. Din păcate, există o singură opțiune de design cu mai multe scheme de culori. Există toate rețelele sociale populare în Runet
Potrivit dezvoltatorilor, creația lor optimizat iar motoarele de căutare vor adora site-ul tău. Nu știu cât adevăr este.
Dacă nu aveți nevoie de clopoței și fluiere, această opțiune este pentru dvs.

shareaholic

Un serviciu occidental foarte interesant pentru crearea de butoane sociale, pe care l-am descoperit recent.
shareaholic oferă câteva concepte noi de buton de partajare. Personal, mi-a plăcut săgeata de deasupra butoanelor (săgețile sunt un instrument de marketing foarte puternic), dar, din păcate, inscripția este în engleză, așa că nu este potrivită pentru oamenii noștri. Rețelele sociale disponibile includ In contact cu.

Top articole similare