Gumbi za dodavanje sadržaja na društvene mreže. Kako dodati službene gumbe društvenih medija. Ostale usluge koje nisu uključene u ovu recenziju

Gumbi društvenih mreža za web stranicu Yandex

Prva i najpopularnija, možda, metoda. Slijedite ovu poveznicu i bit ćete preusmjereni na stranicu na kojoj možete instalirati društvene gumbe. Yandex je sve učinio vrlo praktičnim - usluge koje su nam potrebne mogu se lako dodati tako da ih označite. Možete i sami izabrati izgled gumbi

Tema koju ste instalirali ima popis predložaka. Među njima treba biti single.php , što znači jedan post (post, članak). U ovu datoteku trebate zalijepiti kopirani kod. Međutim, ako ga umetnete na samom početku, gumbi će biti ispred članka.

Kako prikazati ikone društvenih medija u zaglavlju

Korak 2 - Odaberite izgled zaglavlja #2 - #5. Korak 3 - Na padajućem popisu "Zaglavlje sadržaja 1" ili "Zaglavlje sadržaja 2" odaberite opciju "Veze na društvene mreže" za prikaz društvenih veza u zaglavlju.

Društveni stilovi zaglavlja Stil

Na ovoj kartici pronaći ćete opcije konfiguracije kao što su veličina fonta, položaj opisa alata, boja i izgled. Ovdje možete prilagoditi izgled društvenih ikona koje će se prikazivati ​​na podnožje, poput veličine fonta, boje, izgleda itd. pročitajte u nastavku kako biste saznali kako prilagoditi i prikazati ikone društvene mreže na podnožju.

Čak i ako ne znate HTML, dat ću vam savjet. Ako planirate umetnuti gumbe na početku članka, pronađite prvi blok (div) u kodu predloška i zalijepite kod tamo. Dobro je kada kod predloška sadrži komentare programera. Oslonite se na njih. Na primjer, POST START, CONTENT START, POST END - takve oznake jasno pokazuju da članak počinje ili završava ovdje.


Vidite li 'bp_after_post_content' u kodu? Čak je i intuitivno jasno da je ovo kraj članka. Prije ovog fragmenta koda napravio sam blok u koji sam umetnuo kod za gumbe Yandex.

Kako prikazati ikone društvenih medija u podnožju

Pronađite "Prikaz društvenih ikona u podnožju" i odaberite Uključeno. Ova kartica također ima neke opcije koje možete koristiti za prilagodbu izgleda vaših ikona društvenih medija u podnožju. Okvir za dijeljenje na društvenim mrežama omogućuje vašim gledateljima dijeljenje bilo kojeg posta na blogu ili portfelja koristeći više mreža društvenih medija. Ova se značajka može omogućiti ili onemogućiti na bilo kojoj stranici bloga ili portfelja na jednoj stranici. Na ovoj kartici možete prilagoditi sam odjeljak za dijeljenje na društvenim mrežama i ikone društvenih mreža u njemu.

U svakom slučaju, kada ažurirate web mjesto i gledate rezultat, možete preurediti kod na drugo mjesto u predlošku ako ste učinili nešto krivo. Jedini nedostatak gumba Yandex je to što se skripte preuzimaju s interneta, ali budući da se nalaze na kraju članka (u pravilu), to nije kritično.

Društveni gumbi za WordPress stranicu

WordPress ima mnogo dodataka koji vam maksimalno olakšavaju instalaciju. društvene tipke. Od njih bih preporučio Juiz Social Post Sharer. Ovaj dodatak za gumbe društvenih mreža za wordpress ima intuitivne postavke i prikazuje gumbe lijepog izgleda. Postoji ukupno 8 opcija izgleda. Možete birati između 11 društvenih mreža. U usporedbi s Yandex.buttons, ovo je manje.

Kako omogućiti traku za društveno dijeljenje na svim pojedinačnim blogovima

Pročitajte u nastavku da biste saznali više o okviru za dijeljenje na društvenim mrežama.

Kako omogućiti traku za društveno dijeljenje na jednoj stranici bloga

Kako omogućiti paket dijeljenja na društvenim mrežama na svim stranicama s istim portfeljem. Pronađite opciju Društveno dijeljenje i odaberite Uključeno kako biste omogućili Društveno dijeljenje. Kako omogućiti paket društvenog dijeljenja na jednoj stranici s jednim portfeljem. Korak 1 - Idite na objavu portfelja u koju želite uključiti traku za dijeljenje na društvenim mrežama.

Na primjer, ovdje nema "Odnoklassniki", "My World", "Livejournal". Uostalom, dodatak je napravio strani programer, otuda i takve značajke. Ali postavljanje je vrlo jednostavno. Možete odabrati za koje vrste objava želite prikazati gumbe, kao i gdje ih točno prikazati. Možete čak onemogućiti automatsko dodavanje ikona i sami ih umetnuti pomoću kratkog koda.

Kako stvoriti traku za društveno dijeljenje i ikone

Također ćete pronaći opcije za ikone društvenih odjeljaka kao što su veličina fonta, položaj opisa alata itd. Korak 3 - U odjeljku Društvene veze možete odabrati koje će se društvene veze pojaviti u vašem okviru za dijeljenje na društvenim mrežama. Samo odaberite "Uključeno" Za odgovarajuću opciju društvene veze koju želite prikazati.

Kako dodati stavku trake za dijeljenje na stranicu ili post

Korak 1 - Idite na stranicu ili objavu na koju želite dodati stavku za dijeljenje. Korak 5 - Prilagodite element " Opći pristup"po vašem ukusu. Da biste saznali kako dodati i konfigurirati element društvenih veza, pročitajte u nastavku.

Kako dodati element društvene veze na stranicu ili objavu

Korak 1 - Idite na stranicu ili objavu koju želite dodati elementu Društvene veze.

Dobar dan, dragi čitatelji moje stranice. Danas ćemo razgovarati o društvene tipke, zašto su potrebni na web mjestu i kako ih instalirati. Društveni mediji postali su vrlo popularni u posljednjih nekoliko godina. One sve više prodiru u naše živote i vrlo često zamjenjuju našu, u uobičajenom smislu, međusobnu komunikaciju.

Kako postaviti element društvene veze širom svijeta

Korak 3 - Dodajte novi spremnik na stranicu i odaberite željeni format stupca. Korak 5 - Dodajte poveznice na relevantna polja društvenih medija koja želite prikazati. Korak 2 - Na ovoj ploči pronaći ćete karticu Društvene ikone. Na ovoj kartici pronaći ćete nekoliko opcija koje će vam omogućiti globalnu prilagodbu izgleda elementa društvenih veza.

Widget Društvene veze možete koristiti za umetanje društvenih poveznica na bilo koje vaše web mjesto; kao što su podnožje, klizne trake, bočne trake, mega stupci izbornika i slično. Ako se polja ostave prazna, umeće se tvrdo kodirana vrijednost.

Što su društveni gumbi i zašto su potrebni?

Ne zaboravite da su društvene mreže vrlo popularne tražilice. Što je više veza na stranicu vaše web stranice u Twitter računi, G+ i Facebook, to će biti viši u rezultatima pretraživanja. Budući da tražilice uzimaju u obzir društvene signale, a dijeljenje pomoću gumba društvenih medija jedan je od tih signala.

Kako dodati widgete društvenih veza u widgete

Da biste saznali kako dodati widget Društvene veze u svoje odjeljke widgeta, pročitajte u nastavku. Korak 2 - Prvo morate stvoriti odjeljak widgeta. Korak 3 - U odjeljku Dostupni widgeti pronađite widget Avada: društvene veze. Zatim ga povucite u odjeljak widgeta u koji ga želite dodati.

Nakon što ga dodate u odjeljak widgeta, widget će se automatski proširiti i prikazati sve dostupne mogućnosti prilagodbe. Pomoću ovih opcija možete prilagoditi widget i dodati društvene veze koje želite u odgovarajuća polja društvenih medija. Postoji nekoliko prilagodljivih opcija koje olakšavaju stiliziranje ikona društvenih medija. Ove se opcije mogu pronaći u odgovarajućim područjima gdje se mogu pojaviti ikone društvenih mreža. Da biste saznali kako ove postavke utječu na društvene značke, pročitajte u nastavku.

Gumbi društvenih mreža Yandex– ovo je cijeli blok gumba, koji uključuje gumbe za sve popularne društvene mreže. Ovaj blok omogućuje posjetitelju da brzo podijeli stranicu na vašoj web stranici. Samo treba kliknuti gumb društvene mreže koja ga zanima i poveznica na vaš materijal će letjeti do svih njegovih pretplatnika i prijatelja. U tom slučaju nisu potrebne daljnje radnje korisnika; sam blok Yandex automatski će ispuniti sva potrebna polja za slanje (url stranice, potpis, opis, slika).

Dodajte gumbe društvenih medija ovoj web stranici i personalizirali ste iskustvo za kupca. Postoji mnogo načina za korištenje društvenih medija, bilo da se radi o dijeljenju sadržaja vaše web-lokacije sa svijetom, prikazu povezanih polja ili pružanju veza za posjet vašoj web-lokaciji na društvenim medijima.

Podijelite svoj sadržaj sa svijetom

Jedna vrsta gumba koji možda tražite je gumb koji drugim korisnicima omogućuje dijeljenje sadržaja putem društvenih medija. Jedna takva opcija je dodatak pod nazivom " Dijeljenje", koji vam omogućuje postavljanje gumba iznad ili ispod vaših postova i stranica bloga koji ljudima daju mogućnost dijeljenja sadržaja sa svojim kanalima. Na ploči postavki za Dijeljenje možete povući i ispustiti na kojim društvenim mrežama želite dijeliti ljude i odlučiti želite li gumbe za društveno dijeljenje na vrhu ili dnu svake stranice ili posta.

Danas postoji mnogo usluga koje pružaju kod za gumbe društvenih mreža. Ali ne može svatko pružiti visokokvalitetni kod koji neće unijeti virus na vašu stranicu ili usporiti učitavanje vaše stranice. Kao što znate, brzina učitavanja također je važan faktor rangiranja.

Gumbi društvenih mreža Yandex je fleksibilan, lako prilagodljiv sustav. Korisnik može prilagoditi izgled gumba kako mu odgovara. Velika paleta boja i mnogo opcija za prikaz gumba omogućuje im skladno uklapanje u bilo koji dizajn web stranice. Na gumbima najpopularnijih društvenih mreža možete prikazati broj dijeljenja stranice, lajkova i slično.

Potaknite ljude da "lajkaju" vaše stranice na društvenim mrežama

U ovoj bilješci također možete kontrolirati koje stranice i postove želite koristiti. Kada objavite novi post na svom blogu, automatski će se podijeliti s vašim prijateljima i pratiteljima na povezanim kanalima društvenih medija. Prije korištenja značajke Objavi, možda ćete htjeti provjeriti s hostom poslužitelja postoji li tehnologija koja sprječava njezin rad. Nemojte uključivati ​​previše opcija društvenih medija. Iako se lako oduševiti i dodati sve svoje kanale društvenih medija na svoju web stranicu, previše toga može stvoriti zabunu za klijenta.

Još jedan neosporna prednost društvenih gumba iz Yandexa je da statistiku možete vidjeti u Yandex.Metrici ako ste registrirani na ovoj usluzi i imate instaliran brojač. To omogućuje analizu društvenih aktivnosti vaših posjetitelja.

Koristite svoje najbolje stranice društvenih medija. Možete čak dodati i vlastiti naslov. Jednostavno postavite widget u bočnu traku, podnožje ili područje zaglavlja i naše će teme fleksibilno prikazati društvene medije koje ste unijeli na tim relevantnim lokacijama! Imate profile na društvenim mrežama.

Facebook društvene tipke

Na svakom ste izgradili zajednicu, ali koliko su povezani? Najbrži i najlakši način za početak izgradnje stroja za dijeljenje na društvenim mrežama je dodavanje gumba na vašu web stranicu. Gumbi društvenih medija koje vidite na web stranicama obično spadaju u jednu od dvije kategorije: dijeljenje ili praćenje.



Odlaskom na karticu " Brojači„Izgled bloka možete prilagoditi tako da se broj dijeljenja vaše stranice prikazuje nasuprot ikonama društvenih mreža. Ali postoje ograničenja o kojima sam govorio gore.

Vaša bi web stranica uvijek trebala raditi na povećanju svoje prisutnosti na društvenim medijima, a sadržaj na društvenim mrežama trebao bi slati ljude na vašu web stranicu. To bi trebao biti kontinuirani krug rasta za vaš brend, kao u ovom scenariju. Ovi gumbi rade ono što mislite da rade, pa zašto su tako zbunjujući?

Gumb za dijeljenje: privlačenje prometa s društvenih medija

Zato što za svaku vrstu morate znati kada, gdje i kako je upotrijebiti da biste dobili najveći udarac za svoj gumb, ako želite. Vjerojatno provodite puno vremena pokušavajući dijeliti na društvenim mrežama s prometom, zar ne? Postoji brži Najbolji način- potaknite druge ljude da dijele vaš sadržaj. Zato što to iskreno žele.



Broj prikazanih ikona može se konfigurirati u blok kodu, naime ovdje:


Broj "3" odgovoran je za broj ikona koje će biti prikazane u Yandex bloku; preostale ikone bit će skrivene u POP-UP izborniku.

Kada dijelite vlastiti sadržaj, svaki put dopirete do iste publike. Oni koji vide vaše objave već vas prate, znaju tko ste i možda su već upoznati sa sadržajem. Vaši trenutni pratitelji su nevjerojatni, a ponovni posjetitelji su važni. No društveni mediji izvrsni su za povećanje ukupne publike.

Potičući čitatelje i nove posjetitelje da dijele vašu web stranicu, dopirete do veće, raznolikije publike novih ljudi koji bi mogli otkriti vašu tvrtku. Što se tiče stvarnih lokacija stranica, popularno je dodavati gumbe na vrh ili dno sadržaja stranice, lijevo ili statički na dnu stranice. Ovo je mjesto gdje će vaši čitatelji vjerojatno prvo pogledati. Eksperimentirajte s onim što najbolje odgovara vašem dizajnu.

Nakon što prilagodite izgled bloka, samo trebate kopirati gotov kod i dodati ga kodu svoje stranice na mjesto koje vam je potrebno. Štoviše, nije važno gdje i koji dio koda treba umetnuti. Prva dva retka koda za umetanje gumba odgovorna su za povezivanje skripte gumba s Yandex poslužitelja. Stoga ih možete postaviti na početak HTML testa stranice između oznaka …. Treća linija koda je stvarni prikaz bloka gumba. Ali, ako se ne želite zamarati traženjem oznaka , zatim samo kopirajte kod gumba i dodajte ga u cijelosti na pravo mjesto na svojoj web stranici i radit će.

Online usluge, generatori društvenih gumba

Ali stvarno sjajno mjesto za njihovo dodavanje je sadržaj stranice. Snimite svoje posjetitelje dok čitaju, pregledavaju itd. I ne tjeraju ih da se osvrću. Imate li ubojiti citat na svom blogu? Kada imate ove gumbe na svom web-mjestu, želite ih maksimalno iskoristiti. Evo nekoliko načina na koje vam mogu dodatno otežati stvari.

Usredotočite se na poticanje društvenog angažmana na kanalima koji su važni vašoj publici. Umjesto toga, usredotočite se na one koji su u prošlosti uspješno pokretali promet. Znajte kada koristiti broj dijeljenja. Ponekad dodaju društveni dokaz, ali male brojke zapravo mogu obeshrabriti čitatelje. Ako još uvijek radite na kretanju dionice, sakrijte broj dionica ili koristite alat koji ga prikazuje samo ako je iznad određenog minimuma.

  • To može biti alternativni naslov, citat ili naučena lekcija.
  • Nemojte pretrpavati svoje web mjesto generičkim gumbima za svaku mrežu.
Kao što vidite, tražiti od čitatelja da podijele može postati komplicirano.

Kako dodati službene gumbe društvenih medija

Nakon što smo pogledali univerzalni blok gumba društvenih medija iz Yandexa, pogledajmo što nam same društvene mreže nude da instaliramo na web mjesto kao svoje gumbe. Želio bih odmah napomenuti da Funkcionalnost službenih tipki nešto je veća. Na primjer, VKontakte ne nudi samo gumb različitih veličina i s brojačem, već i bez brojača, vezu, vezu bez ikone društvene mreže, samo ikonu i tako dalje. Odnosno, vizualizacija takvih gumba bit će veća. Hajdemo shvatiti kako dodati službene gumbe društvenih medija na svoju web stranicu.

Gumb "Dalje": povezivanje s čitačima

Ali super je za nove ljude. Sada, kako možete doći do svojih trenutnih čitatelja? Ali što je s ponovnim posjetiteljima - povezivanjem s postojećim čitateljima i osiguravanjem da se vraćaju? Tamo idu gumbi. Iako stvarni žargon može varirati - kako, slijediti, okružiti itd. - koncept je isti u svakoj mreži. Ovi gumbi jednostavno se povezuju s vašim društvenim profilima tako da vas ljudi mogu dodati u svoju mrežu.

Vrlo je rijetko da će netko jednog dana vidjeti web stranicu i pomisliti: "Bit ću ukorak s njima zauvijek." Ne, potrebno je puno više vremena da netko postane pravi fan ili kupac. A u međuvremenu, moraš se pobrinuti da te ne zaborave. Čitatelji koji prate vaše aktivne profile na društvenim mrežama pomoći će vam da ostanete u tijeku.

Društvena mreža VKontakte



Prijeđimo na ovaj odjeljak. Ovaj odjeljak pruža uslugu za prilagodbu funkcionalnosti i izgleda gumba, generiranje koda gumba VKontakte. Pogledajmo pobliže.


  1. Opcija "Stil". Nudi vam da odaberete stil vašeg gumba. Naime, kako gumb treba izgledati (sa ili bez brojača, kao link ili kao ikona itd.)
  2. U polje “Tekst” upisujemo tekst koji će biti prikazan u samom gumbu
  3. “Link” - odgovoran je za to koju će stranicu gumb podijeliti. Odnosno, klikom na gumb dijelit će se stranica s gumbom ili druga stranica na kojoj ovaj gumb nije instaliran. Ako se radi o nekoj drugoj stranici, tada trebate navesti URL te stranice u polju "Veza".
  4. Ispod je gotov kod za dodavanje gumba društvene mreže VKontakte na vašu web stranicu
  5. Ispod koda je primjer vašeg gumba. Zahvaljujući njemu, vizualno vidite kako se vaš gumb mijenja kada promijenite određene postavke

U ovom obrascu možete pogledati dokumentaciju za naprednu konfiguraciju gumba VKontakte klikom na vezu "Idi na detaljnu dokumentaciju widgeta."

Kod gumba sastoji se od dva dijela. Stoga se mora umetnuti zasebno.

Prvi dio koda treba umetnuti između oznaka …. Drugi dio koda dodajemo na mjesto na web mjestu gdje biste željeli vidjeti same gumbe društvene mreže VKontakte.

Facebook društvene tipke

Do dodati Facebook gumbi morate se prijaviti na ovu društvenu mrežu i početna stranica pogledajte donji desni kut. Na samom dnu nalazimo "Više" iu padajućem prozoru odaberite "Programeri".


Idete na stranicu razvojnog programera, kliknite vezu " Proizvodi»


Na sljedećoj stranici imat ćete pristup svim proizvodima koje Facebook nudi. Ali nas zanima društveni dodaci.


Sljedeća stranica daje kratak pregled društvenih dodataka koje nudi Facebook. Zanimaju nas gumbi "Like", "Send", "Share". Stoga kliknite na poveznicu na vrhu stranice



I sada smo na stranici za odabir i konfiguraciju društvenih gumba koje nam Facebook nudi. Kao što možete vidjeti na snimci zaslona u nastavku, ova društvena mreža nudi veliki izbor dodataka za društvene mreže za instaliranje na vašu web stranicu. Svi su prikazani u lijevom stupcu. Pogledajmo postavljanje i dobivanje koda gumba " Kao».


U konfiguratoru popunjavamo polja:

  1. Url adresa je adresa vaše stranice na koju želite staviti gumb “Like”.
  2. Sastav – prilagođavanje izgleda
  3. Veličina gumba - mali gumb ili veliki gumb
  4. Širina – širina gumba. Ovo je potrebno ako vam standardne veličine gumba ne odgovaraju ili ne stanu na mjesto koje vam je potrebno na web mjestu
  5. Vrsta radnje – “Sviđa mi se” ili “Preporuči”, vi birate što će tipka raditi

Ispod obrasca konfiguracije prikazan je izgled gumba, odnosno tijekom konfiguracije vizualno vidite kako se izgled mijenja - to je vrlo zgodno.

Važno je napomenuti da će se stranica na kojoj se nalazi kod gumba dijeliti ako ne navedete URL u polju Adresa stranice.

Nakon što ste konfigurirali osnovne elemente, kliknite na “Get code”. Kod, kao iu slučaju Vkontakte, sastoji se od dva dijela. Prvi dio potrebno je instalirati na početku HTML koda vaše stranice nakon oznake , a drugi dio ugradite gdje vam treba.