Dugmad za društvene mreže uradi sam bez usluga trećih strana. Vlastita društvena dugmad. Usluge dijele na društvenim mrežama

Ako se plašite da vas prate na internetu, isključite računar.

Svaki webmaster, prije ili kasnije, razmišlja o instaliranju društvenih gumba na svoju web stranicu. Uostalom, sada neki ljudi ne mogu zamisliti svoj život bez društvenih mreža, zašto im uskratiti mogućnost dijeljenja vaših članaka? Ali s vremenom, mnogi servisi društvenih gumba gube razum i rade što žele sa svojim kodovima, ubacujući sve što nije potrebno. Upravo zbog ove paranoične ideje u ovom članku ćete pronaći kodove za najčistije gumbe za dijeljenje društvenih mreža za vašu web stranicu.

Nije tajna da gotovo svi servisi društvenih gumba cure informacije o vašim korisnicima gdje god je to potrebno. O moj boze! Ne može biti! Upravo sam saznao za ovo! - Čestitam! Moraju te nekako iskoristiti, za svoj rad i trud. Napravili su dobre usluge, sa velikom funkcionalnošću, praktičnošću i “kvalitetom”. Sve što treba da uradite je da odaberete šta vam treba i stavite kod tamo gde vam treba. To je sve. I kakva je korist od toga da besplatno rade takve manevre na internetu? U redu. br. Tako se s vremena na vrijeme svaka takva kancelarija uhvati za bacanje podataka u neki DMP.

Neću opisivati ​​svaki od ovih servisa, svi imaju dobru funkcionalnost i neke jedinstvene karakteristike, ali nemam želju da ih predstavljam zasebno. U nastavku sam sastavio kratku listu.

Lista najpopularnijih društvenih dugmadi za ovu stranicu

• share.pluso.ru
• uptolike.ru
• tech.yandex.ru/share
• share42.com
• sharethis.com
• pip.qip.ru
• www.addtoany.com
• www.po.st
• www.addthis.com
• sharebuttons.com

Ako nemate dovoljno vremena ili ste previše lijeni da napravite više od nekoliko pokreta rukama i falangama prstiju, onda možete sigurno koristiti ove usluge. Odlični su za web stranice kao i za posjetitelje. Ali niko ne garantuje 100% sigurnost korisničkih podataka, 100% rad njihovog DNS-a i učitavanje vaših sajtova. One. Ako dođe do kvara na serverima društvenih dugmadi, vaše stranice će se učitavati sporije nego inače. Da, ovo se dešava retko, ali se dešava. Naravno, možete instalirati asinkrono učitavanje ovih skripti i optimizirati njihov rad, ali ovo je više od nekoliko koraka o kojima sam pisao za lijene.

Naravno, na internetu postoje kodovi društvenih medija koji se postavljaju unutar vaše web stranice i nigdje ne propuštaju informacije, ali mnogi od njih sadrže eksterne veze na te iste društvene mreže. Webmasteri ne vole vanjske veze, pa sam za najparanoičnije webmastere prikupio gotove kodove bazirane na goodshare.ru skripti, na čemu im zapravo zahvaljujem.

Primjer instaliranja ovog koda nije za one koji ne poznaju osnove HTML-a ili CSS-a, ali ako imate ruku i malo vremena, uspjet ćete ako striktno slijedite upute. I tako smo krenuli:

izgledaju ovako:

Šest društvenih mreža je konfigurisano prema standardu: Facebook, VKontakte, Odnoklassniki, Moi Mir, Google Plus, Twitter. Ima ih više od 30 u postavkama skripte, ali se sve to može zasebno instalirati po želji. Prednosti ovih dugmadi, kako navode autori, sa kojima se u potpunosti slažem:

Odličan ekran na bilo kom uređaju (Da, prilagodljivi su svakoj veličini ekrana)

Čist kod - brza i sigurna stranica (učitavaju se samo skripta, CSS i font koji su samo na vašem serveru)

Svi dijele tehnologije mobilnih glasnika u jednoj skripti (sve vrste Telegrama)

SEO friendly - nema linkova

Ne sadrži slike

Šta radi sama skripta i zašto je uopšte bila potrebna ova skripta? Skripta za ove gumbe sadrži sve API-je svih društvenih mreža, a skripta čini bilo koje mjesto na stranici aktivnim blokom za dijeljenje.

Na primjer, možete ga postaviti na prazne DIV blokove, ili Span, ili slike, ili prazne linkove, a gotovo svaki element stranice može se pretvoriti u ove gumbe. U mom primjeru, koristio sam skriptu za prazne Divove.

Što se tiče slika: nisu ovdje. Ikone koje vidite su preuzete iz fonta, one su samo simbol i ništa više.

Arhivu dugmadi možete preuzeti na .

Instaliranje ovih dugmadi je vrlo jednostavno. Postoje samo četiri fajla u arhivi: Font, CSS, JS i TXT.

1). Morate da otpremite font u bilo koju fasciklu na vašem serveru, možete ga staviti na isto mesto kao i vaš JS ili CSS.

2). Zatim prenesite JS na svoj server i prikažite ga na svojoj web stranici koristeći kod bilo gdje, ali preporučujem na samom dnu stranice:

Ova skripta se sastoji od dva dijela, prvi je Jquery, drugi je sam kod gumba. Ako već imate omogućen Jquery na vašoj web lokaciji, tada možete ukloniti prvi dio koda i time smanjiti veličinu datoteke.

VAŽNO: (za one koji su uklonili dio Jquery koda) skripta gumba mora biti učitana nakon Jquery skripte.

3). Nakon instaliranja JS-a i fonta, trebali biste dodati CSS na svoju stranicu. Jednostavno kopirajte cijeli sadržaj soc.css datoteke u jedan od vaših CSS dodataka na web stranici.

VAŽNO: U redu 82 datoteke soc.css, promijenite URL u lokaciju vašeg fonta!

4). Nakon svega ovoga, kopirajte HTML kod iz HTML.TXT datoteke na svoju stranicu na kojoj želite da vidite ove divne dugmad.

Struktura skripte ima mogućnost instaliranja brojača dijeljenja društvenih mreža, ali detaljnije možete pročitati u njihovoj dokumentaciji na web stranici.

I možete provjeriti rad skripte odmah ispod ovih redova, jer je ona instalirana na mom blogu.

Hvala vam na pažnji, ako imate pitanja o instalaciji, napišite komentare.

Bio sam s tobom, lijeni Staurus.

Društvene mreže su odličan alat za promociju vaše web stranice na internetu. Putem društvenih mreža možete potpuno besplatno postaviti ogroman promet na svoj resurs koristeći uobičajeni pristup - dugmad društvenih mreža. Dugmad za društveno umrežavanje na web stranici mogu značajno poboljšati ne samo promet, već i odnose s tražilicama, te shodno tome opet povećati promet posjetitelja.

U ovom članku prikupio sam sve moguće načine povezivanja gumba društvenih mreža za web stranicu, ako ne pronađete onaj koji vam je potreban, napišite u komentarima, sigurno ću ga dodati. O kojim metodama će se raspravljati:

Prvo, kratak izlet u temu šta su ti isti gumbi društvenih mreža za web stranicu i zašto su potrebni.
Odličan video s usluge Pluso pomoći će vam da jednostavno odaberete, konfigurirate i implementirate gumbe na apsolutno bilo kojoj web stranici:

U ovom trenutku društvene mreže igraju veliku ulogu u životu prosječne osobe. Gotovo svaka druga osoba ima barem jedan profil na društvenim mrežama. Iz tog razloga, korištenje mogućnosti za promociju web stranica na društvenim mrežama je toliko relevantno; ovo je ogroman svijet korisnika i kupaca.

Mislim da pošto čitate ovaj članak, onda znate približnu ili tačnu svrhu dugmadi za dijeljenje na stranici, što znači da možemo prijeći na glavni dio članka, odnosno na dodavanje ikona.

Yandex dugmad društvenih medija

Popularni pretraživač na ruskom jeziku pruža odličnu priliku za dugmad društvenih mreža na web stranici Yandexa. Sve je ovdje bolno jednostavno:

Sada nekoliko slika za bolje razumijevanje, hajde da odaberemo koje ćemo stranice koristiti:

Odabiremo izgled, dugmad sa ili bez brojača, mali ili veliki, i kopiramo kod za ugradnju na stranicu:

Sve je krajnje jednostavno, čak je lakše i od korištenja dodataka, pa, barem mi se tako čini.

Neću pregledavati sve moguće usluge, njihova suština je ista:

Odaberite društvene mreže.

Promijenite svoj izgled.

Kopirajte kod.

Zalijepite ga na svoju web stranicu.

Sada lista usluga:

• http://share.pluso.ru/
• http://share42.com/ru
• https://uptolike.com/
• http://social-likes.js.org/ru/

Postavke su gotovo identične, možete odabrati one koje su vam razumljivije ili širu funkcionalnost. Primjer prve usluge:

Neću dugo opisivati, nema potrebe, sve je intuitivno.

Kako instalirati dugmad društvenih medija na WordPress web stranicu

Tipično, dugmad za veze se nalaze ispod članaka ili na bočnim trakama. Da bismo postavili dugmad društvenih mreža na vašu web stranicu, morat ćemo instalirati i konfigurirati potreban dodatak ili ugraditi kod direktno u predložak. Pogledajmo prvo dodatke, a zatim ručno dodavanje dugmadi. Možete pročitati kako instalirati dodatke.

Za ovaj slučaj odabrali smo dva zgodna dodatka, koja se zovu Social Share Buttons i Jetpack.

Prvi napredniji dodatak za dodavanje dugmadi društvenih medija na vašu WordPress stranicu je Jetpack.

Ovaj dodatak kreirali su i održavali WordPress programeri, zbog čega mu se vjeruje više od drugih.

Zatim kliknemo na “Prilagodi” i prebacujemo se u meni postavki društvenih mreža.

U ovom bloku biramo dugmad koja su nam potrebna za društvene mreže.

Da bismo odabrali one koje su nam potrebne, potrebno je samo da povučemo dugmad društvenih mreža sa gornjeg polja na dno, ispod ćemo vidjeti vizualni prikaz ikona.

U sljedećem izborniku konfiguriramo stil gumba i gdje se pojavljuju na našoj web stranici.

Nakon što smo konfigurirali ono što nam je potrebno, kliknite na “Sačuvaj promjene” i naši gumbi društvenih mreža pojavit će se ispod naših objava na stranici.

Instaliranje dugmadi društvenih medija na WordPress sajtu. Postavke dugmadi za društveno dijeljenje.

Dakle, hajde da se ne lupamo okolo, već pređimo direktno na instaliranje dugmadi za društvene mreže. Idemo u meni za podešavanja i dodavanje dodataka. Kroz pretragu nalazimo naše predložene dugmad za dijeljenje na društvenim mrežama za WordPress.

Nakon što ste instalirali i aktivirali dodatak za dodavanje ikona društvenih mreža, idite na novi meni koji se pojavljuje na konzoli našeg WordPress-a - Dugmad za dijeljenje.

Kao što vidite, naš meni je podijeljen u tri podmenija, pogledajmo i analizirajmo svaki od njih posebno:

Glavne postavke za prikaz dugmadi društvenih medija na WordPress web stranici.

Šta možemo da konfigurišemo ovde?

• Možemo učitati logo naše stranice, koji će našim gumbima dati vizualnu povezanost s našim resursom.
• Iznad dugmadi se može postaviti tekst poziva ili nešto slično.
• Automatsko generiranje meta podataka koji će biti povezani s objavljenim člankom na društvenoj mreži.
• Pozicioniranje dugmadi društvenih medija, lijevo desno u sredini u odnosu na članak.
• Vertikalni položaji dugmadi, donji ili gornji.

I potvrdni okviri za odabir gdje se prikazuju vaši gumbi, sa pozicije “Home” je checkbox uklonjen jer nam ne trebaju dugmad ispod svake najave članka na glavnoj stranici, možete isključiti i članke na kojima ikone gumba neće biti prikazano.

Postavke dijeljenja, izbor stila gumba za društvene mreže.

Biramo stil koji nam se sviđa i sortiramo naše ikone prema vlastitom nahođenju.

Postavili smo s kojim društvenim mrežama. mreže s kojima želite komunicirati i gdje u skladu s tim promovirati svoj proizvod.

Postavljanje dopuna između ikona.

U ovom ciklusu podešavanja dugmadi za interakciju sa društvenim mrežama na WordPress web stranici, potrebno je da se pozabavite svakim dugmetom posebno, ako ste zainteresovani i morate da shvatite šta je šta.

Nakon što su sva podešavanja napravljena, možemo provjeriti njihovu korisnost i funkcionalnost na vašoj WordPress stranici.

Na vama je koji dodatak ćete koristiti, ali ja preporučujem Jetpack, on se često ažurira i brži je u radu.

Dodavanje svakog dugmeta društvenih medija pojedinačno

Twitter takođe pruža opsežna podešavanja za dugmad. Link, snimak ekrana ispod:

Malo ljudi ga koristi, ali dugme sa mail ru takođe može biti korisno.

Izgleda kao Odnoklassniki, zašto bi to bilo 😆 .

Dodavanje ikona u profile i grupe na društvenim mrežama na stranici

Sada ću pokazati mali primjer kako možete dodati ikone profilima društvenih mreža na web stranici. Ova metoda je pogodna ne samo za WordPress, već i za bilo koju drugu stranicu.

Dakle, šta nam treba:

• Odlučite o budućoj lokaciji ikona;
• minimalno poznavanje html-a i CSS-a, kako god gledali na to, ali neću moći predvidjeti sve opcije koje vam mogu zatrebati.
• gotove slike-ikone društvenih mreža, preuzete sa interneta. Mnogo ih možete pronaći koristeći pretragu.
• pristup datotekama šablona.

Prije svega, pokazat ću vam mali kod za 2 društvene mreže, VK i G+, kao i ikonu FeedBurner feeda. Po analogiji, možete dodati koliko god želite ikona.