Kako napraviti velika dugmad na društvenim mrežama. Dugmad društvenih medija

Drugi dio koda se postavlja tamo gdje želite da se izaberu dugmad društvenih medija za stranicu. Ako se kod sastoji samo od jednog dijela, dovoljno je izvršiti samo ovu operaciju.

Najčešće se dugmad dodaju prije ili na kraju članka. Jednostavnija je, naravno, druga opcija. Mi ćemo to razmotriti.

Morate pronaći gdje se članak završava (glavni dio stranice). Da biste to učinili, morate urediti datoteku "Jedan unos" (single.php).

Sada morate pronaći operatera koji je odgovoran za prikaz glavnog sadržaja članka. U mom slučaju, ovo je "the_content", odmah iza njega je kod dugmeta.

Slično, kod možete postaviti na početak članka, samo trebate pronaći mjesto između naslova i teksta članka.

Zdravo prijatelji! Danas će članak biti vrlo dugačak, ali u isto vrijeme izuzetno koristan. Zašto sam odlučio napisati ovaj članak? Činjenica je da me stalno pitaju kako da pridobim više fanova na ovu ili onu društvenu mrežu? Zašto se malo ljudi pretplati na moju Facebook stranicu? Zašto niko ne prati kompaniju na Twitteru?

Gotovo svaka kompanija danas ima web stranicu, pa čak i blog. Imate li web stranicu? Nadam se! Ako još niste, onda morate hitno razmisliti o tome! Pa, kod blogera i vlasnika slobodnih profesija (konsultanti i freelanceri), i tako je jasno, moraju imati svoju adresu na internetu - web stranicu. Prijatelji, problem je što je malo stranica stvarno optimizovanih za društvene mreže. Mogu proizvesti gomilu vrlo korisnih i zanimljivih sadržaja, ali ih niko ne vidi i ne čuje. SMO (optimizacija društvenih medija)- da li ste čuli za takav izraz? Dakle, ovaj isti CMO (optimizacija sajta za društvene mreže), niko nije uključen. Ali uzalud! Postoji bezbroj načina na koje stručnjaci znaju da kreiraju ono što je rečeno, pokret na web stranici. Jednostavne manipulacije + prisustvo ideja i kreativnosti mogu značajno pomoći vašoj kompaniji u promociji. To vam garantujem!

Dakle, u nastavku ću vam reći, kako instalirati zvanične društvene gumbe i widgete na web stranicu... Ovo će biti samo službeni gumbi i widgeti - bez usluga ili dodataka!

Društvene mreže su se jako potrudile i stvorile ogroman broj različitih dugmadi i widgeta. Za mnoge niko nije ni čuo, iako su besplatno dostupni svima. Ovdje ćemo razmotriti samo one najpotrebnije i najefikasnije koji će vam pomoći da povećate bazu obožavatelja, kao i da distribuciju vaših članaka i drugog sadržaja učinite jednostavnom i jednostavnom za posjetitelje vaše web stranice.

Ako želite da instalirate iste dugmad kao na mojoj stranici, onda je više o tome napisano.

Odaberite društvene mreže mreže čije dugmad želite da instalirate:

Vrste društvenih dugmadi

Prije nego što pređemo na upute za instaliranje dugmadi, želim da vam skrenem pažnju na činjenicu da postoje različite vrste dugmadi:

Facebook, kao i druge društvene mreže. mrežama postoji veliki izbor društvenih dugmadi i widgeta. Svaki od njih ima svoju funkciju i svrhu. U ovom odeljku ćemo razmotriti samo one koje se najčešće koriste i koje su najpotrebnije. Ostalo možete vidjeti i testirati na stranici programera na Facebooku.

Bilješka: Hajde da se odmah dogovorimo. U opisu svakog odjeljka dat ću vezu do stranice programera razmatrane društvene mreže. mreže. Na takvim stranicama možete pronaći linkove do svih postojećih dugmadi i widgeta. Stoga, odmah otvorite stranicu programera u posebnoj kartici i dalje pročitajte ovaj članak.

Facebook stranica programera: https://developers.facebook.com/docs/plugins

Dugme Like

Kako instalirati?

Instaliranje dugmeta "Sviđa mi se" je veoma jednostavno! Morate otići na stranicu programera na Facebooku (kao što smo se dogovorili, veza se nalazi na početku ovog odjeljka). Prije nego počnete kreirati nove gumbe i widgete, morate kreirati novu aplikaciju u meniju Aplikacije. Ovo je obavezno, jer bez ovoga Facebook vam neće dozvoliti da kreirate dugmad!

Ako imate bilo kakvih problema s kreiranjem aplikacije ili generiranjem skripti, javite mi se u komentarima, a ja ću vam dati još detaljnije upute kako instalirati dugmad.

Dakle, da postavite dugme "Sviđa mi se" na stranici za programere, u lijevoj koloni kliknite na " Dugme Like (mreža)«. Sada morate da izaberete neku od opcija koje nudi Facebook da biste dobili upravo onaj widget koji želite.

1) Url za lajk- unesite link do stranice, publikacije, odredišne ​​stranice za koju kreirate dugme "Sviđa mi se". To može biti bilo koja vrsta sadržaja, čak i slika ili video. Glavna stvar je da navedete link koji će korisnici dijeliti.

2) Širina- Ako imate ograničen prostor za dugme, tada možete odrediti širinu vidžeta u pikselima. Sama dugmad su mala, ali ako odaberete standardne tipke, tekst zauzima puno prostora. O tome ću govoriti u sljedećem paragrafu.

3) Izgled- Prikaz vidžeta. Facebook nudi 4 opcije za izbor: standardne (kao na slici), sa velikim brojačem, sa malim brojačem i samo dugmad. Sve zavisi od vašeg ukusa, stila sajta, raspoloživog prostora za dugmad, kao i od želje da se prikažu brojači (tj. koliko je ljudi kliknulo na dugme).

4) Vrsta akcije- tip radnje, odnosno tip dugmeta koji želite da instalirate: "Sviđa mi se" ili "Preporuči". Pisao sam detaljno o razlikama između ovih dugmadi - i općenito widgeta na Facebooku - u mom.

5) Pokažite lica prijatelja- ako želite da dugmad pokažu posetiocu vaše stranice avatare njegovih prijatelja koji su već kliknuli na dugme "Sviđa mi se", označite ovo polje. Ako niko od prijatelja nije lajkovao stranicu, članak itd., Facebook neće prikazati fotografiju, ali će u tekstu ponuditi korisniku da postane prvi kome se sviđa. Ako vam prostor dozvoljava, onda preporučujem da uključite ovu opciju, jer lica prijatelja pozitivno utiču na percepciju sadržaja od strane čitaoca, povećavajući njihovo poverenje i često ih gurajući da kliknu na dugme, makar samo iz solidarnosti .

Nakon što ste popunili sva polja, kliknite na dugme Uzmi kod za generiranje koda koji instalirate na web-mjestu. Prvi dio skripte je postavljen na oznaku stranicu, a drugi dio je umetnut tamo gdje želite da instalirate dugme.

Stranica bi se trebala otvoriti na ruskom, ali ako je iz nekog čudnog razloga na engleskom, onda možete promijeniti jezik na samom vrhu stranice.

Kako instalirati?

Tweet dugme

Još jedno dobro poznato dugme na Twitteru je "Tweet", koje omogućava korisnicima da dijele vaš sadržaj sa pratiocima na Twitteru.

Kako instalirati?

Sva Twitter dugmad su instalirana na gore spomenutoj stranici programera. Proces za sve tipke je gotovo identičan - odabiremo željeni tip gumba, popunjavamo parametre i kopiramo kod, koji zatim zalijepimo na web stranicu.

Hashtag dugme

Ovo je veoma zanimljivo dugme, za koje, siguran sam, skoro niko ne zna. Ja lično nikada nisam vidio da ga neko na RuNetu koristi. Međutim, vrlo je dobar za određene zadatke. Na primjer, takvo dugme se može koristiti za promociju bilo kakvih događaja, webinara, Twitter diskusija pod određenom oznakom, marketinških kampanja, takmičenja. Bilo šta! Ovdje ima puno prostora za kreativnost!

Logično je ako je dugme "hashtag" instalirano na stranicama koje se odnose na ovaj hashtag. Na primjer, recimo da ste napisali članak o novom koji hostujete za fanove na Twitteru. Da biste učestvovali u takmičenju, morate koristiti određeni hashtag. Koristeći takvo dugme, olakšavate život osobi, jer će se klikom na njega otvoriti tweet sa željenim hashtagom. Može samo dodati malo teksta i poslati tweet da slobodno pluta. I on se osjeća dobro, a ti ćeš imati novog člana. Zar to nije sjajno? Jednom rečju, potrebno je kovati gvožđe bez napuštanja kase, odnosno dok je čitalac pod emocijom onog što je pročitao. Dvije minute kasnije, on se omesti i može potpuno zaboraviti ono što je upravo pročitao.

Dok mi je mašta krenula, podijelit ću s vama još jednu ideju. Recimo samo da ste domaćin događaja (online ili offline). Da biste ga promovirali, kreirate poseban članak ili stranicu posvećenu ovoj temi. Upravo tamo, u tekstu, umetnete dugme "Hashtag" i pored njega umetnete poseban widget koji će u realnom vremenu prikazati sve tweetove koji koriste ovaj hashtag. Nakon što pogledate diskusiju drugih korisnika, možda će vaš ne baš aktivan čitalac biti zreo da u njoj učestvuje. Ovdje je cilj skrenuti pažnju čitaoca na ono što se dešava, uključiti ga u diskusiju i, naravno, zadržati na stranici.

Kako instalirati?

Dugme "Hashtag" se instalira sa iste stranice o kojoj sam pisao gore.

Dugme za spominjanje

Na kraju ću vam reći još jedno dobro dugme koje niko, nažalost, ne koristi. Ali uzalud! Ovo je, moglo bi se reći, običan tvit upućen unaprijed određenom profilu. Mislim da je dugme malo korišćeno jer mnogi ne znaju kako i gde da ga instaliraju. Evo par primjera koji mi padaju na pamet. Ako znate da je vaša ciljna publika na Twitteru i da aktivno koristi ovu društvenu mrežu. mreže, zašto ne ohrabrite ljude da vam tvituju direktno sa stranice? To može biti tvit autoru članka, tvit sa stranice O nama ili Kontakt, tvit direktno Twitter podršci, itd. Vidite li koliko prilika propuštate za revitalizaciju vašeg Twitter naloga?

Ako osoba dođe na vašu stranicu, onda već ima neku vrstu interesa za vas, pa ga morate odmah potaknuti na akciju. Moglo bi biti prekasno za minut! Avaj, došla su vremena da vrlo brzo nešto zaboravimo da uradimo, jer svakog minuta prebacujemo pažnju s jedne na drugu. I što je vaša publika mlađa, to se ovaj fenomen više manifestira, stoga ne zaboravite na postojanje ovog gumba i pokušajte ga koristiti gdje je to prikladno.

Kako instalirati?

Sve dugme instaliramo sa iste stranice. Ako ste pročitali uputstva za prethodna dugmad, onda bi vam svi parametri dugmeta "Spomeni" na Twitteru trebali biti jasni.

U nastavku pogledajte kako funkcionira takvo dugme. Ne zaboravite da mi tvitate šta mislite o ovom članku 🙂 Važno mi je da znam šta moji čitaoci misle, pa bih voleo da čujem od vas.

Primjer dugmeta "Spomeni".

Twitter Widgeti

Shvatili smo Tviter dugmad. Sada bih vam ukratko ispričao o zvaničnim widgetima koje Twitter ima. Skripte za sve widgete, ovo možete dobiti veza.

Widgeti su sljedećih tipova:

• Redovni widget sa najnovijim tvitovima;
• Search widget, koji prikazuje rezultate pretrage za dati ključ u realnom vremenu. Ova vrsta widgeta je vrlo korisna za pretraživanje, na primjer, po hashtagu vašeg brenda. Pogledajte primjer njegove upotrebe u Twitter hashtag dugmetu;
• Omiljeni widget- prikazuje tweetove koje ste dodali u svoje favorite. Ova vrsta widgeta može se koristiti, na primjer, za prikazivanje pozitivnih recenzija o kompaniji. Zašto ne?
• Kolekcije widget- kolekcije su nešto između favorita i lista. Možete ručno odabrati koji će tvitovi biti uključeni u kolekciju. Imajte na umu da svaka kolekcija ima svoju vezu i opis. Ova funkcija se vrlo malo koristi na Twitteru, iako je vrlo zanimljiva.
• Listovi widget prikazuje liste profila koje ste kreirali. I ovdje možete biti kreativni i učiniti nešto zanimljivo i korisno za čitaoca, što će, ujedno, koristiti i vama. Šta kažete na listu partnera, račune vaše kompanije (ako ih ima mnogo), portfolio Twitter naloga kojima upravljate (za agencije i slobodnjake) ili, na primjer, listu članova vašeg kluba? Opet, prostor za kreativnost ovdje nije ograničen.

Primjer običnog Twitter widgeta

U kontaktu sa

Društvena mreža Vkontakte, kao i druge, ima čitavu gomilu različitih dugmadi i widgeta. Potpuna lista njih može se vidjeti na web stranici programera: https://vk.com/dev/sites

Opet ću proći kroz samo najvažnije, inače ovaj članak neće biti članak, već cijela knjiga... Mislim da će VK widgete biti mnogo lakši za razumijevanje, budući da je web stranica i sva potrebna dokumentacija također u ruski.

Dugme Like

Kako instalirati?

Prvo treba da odete na widget stranicu. Dao sam vezu na listu widgeta na samom početku odjeljka Vkontakte.

Kako instalirati?

Da biste umetnuli widget Zajednice na stranicu, prije svega morate unijeti vezu na svoju stranicu ili grupu na Vkontakteu. Zatim birate da li želite da widget prikazuje lica članova benda ili obožavatelja stranice, kao i najnovije vijesti sa stranice, ili želite jednostavan dodatak sa dugmetom "Sviđa mi se". Budući da je VK widget vrlo sličan Facebooku, preporuke za vrstu dodatka ostaju iste. Neću se ponavljati, pa ako ste zainteresovani pogledajte odjeljak Facebook dodataka.

Sljedeći su parametri koji se odnose na veličinu i izgled dodatka. Sve ovisi o paleti boja vaše stranice i dostupnom prostoru za dodatak. U principu, možete odabrati bilo koju boju, ali se ipak preporučuje da zadržite originalnu paletu boja, jer su takve boje poznatije korisnicima i ne plaše ih. I konačno, došli smo do posljednje točke - ubacili smo kod u stranicu. Kao što se sjećate, prvi dio koda ulazi u oznaku stranice, a drugi dio na mjestu gdje će stajati plugin.

Nedavno sam napravio blog stranicu "O SMM-u" u Vkontakteu. Stoga, ako želite primati najnovija ažuriranja na ovoj društvenoj mreži. mreže, a zatim se pridružite!

Primjer dodatka "Zajednica" Vkontakte

Pretplatite se na autorski vidžet

Kao i njegov sličan Facebook dodatak, ovaj widget se preporučuje svima koji žele da razviju svoj lični brend. Ako ste, na primjer, autor knjige ili bloga, novinar, advokat, agent za nekretnine itd., zašto ne instalirate takvo dugme na svoju web stranicu? Potencijalnim kupcima je lakše uspostaviti kontakt sa stvarnom osobom nego, na primjer, sa stranicom ili grupom iza kojih nije jasno ko stoji. Ovako smo raspoređeni, osoba je društveno stvorenje, a volimo lični kontakt, pa će takav widget dobro doći svakom profesionalcu, u kojoj god oblasti da se bavite.

Kako instalirati?

Instalacija je jednostavna kao ljuštenje krušaka! Idite na widget stranicu u VK i unesite adresu svog profila. Zatim odaberite dugme koje želite da instalirate. Ponavljam još jednom da je poželjno instalirati samo dugmad preko skripte (na primjer, dugme ili svjetlo dugme). Ako vam je potrebna samo veza, onda je bolje to učiniti preko HTML koda, kako ne biste preopteretili stranicu skriptama, bez kojih možete vrlo lako. Učinak će biti isti, a stranica će se brže učitavati.

Ostali Vkontakte widgeti

Ljudi, gore sam naveo najčešće i najefikasnije VK widgete, ali lista nije ograničena na ovo. Vkontakte također ima čitavu gomilu različitih vidžeta koji mogu biti korisni u datoj situaciji. Na primjer, Anketa widget, koji skoro niko ne koristi. Ako ste kreirali anketu na svojoj VK stranici, zašto je ne biste umetnuli u članak na tu temu? Čitaoci vašeg sajta će moći da glasaju za svoju verziju direktno na vašoj veb lokaciji, a informacije o tome će ići na VK. Nije loše, zar ne?

Tu je i zanimljivo Vidžet za preporuke koji donosi najzanimljivije članke na vašem blogu ili web stranici. Stepen interesovanja za određeni sadržaj određuje se brojem klikova na dugme "Sviđa mi se". Ukratko, Vkontakte će automatski prebrojati koliko je korisnika kliknulo na gumbe "Sviđa mi se" i prikupit će sve najzanimljivije članke u ovom bloku. Ako je vaša ciljna publika dobro zastupljena na društvenim mrežama. mreže Vkontakte, trebali biste pokušati instalirati ova dva vidžeta: "Sviđa mi se" i "Preporuke". Siguran sam da rezultati neće dugo čekati!

LinkedIn

Hajde sada da pričamo o - LinkedIn-u. Ova mreža kod nas samo raste u popularnosti, tako da još uvijek malo ljudi razumije kako se može koristiti za postizanje pozitivnih rezultata. U Americi, odakle je ova mreža, malo profesionalaca ili kompanija nema LinkedIn profil. Tamo će vas iskosa pogledati, ako barem niste registrovani na društvenim mrežama. mreže. U Evropi je upotreba društvenih. mreža je veoma različita u zavisnosti od zemlje. Na primjer, Velika Britanija i Švedska su lideri u uključivanju LinkedIn-a u svoje marketinške strategije. Oni ne samo da preporučuju zaposlenicima da imaju online profile, već i zapošljavaju ljude preko LinkedIn-a, oglašavaju kompanije i proizvode, traže potencijalne klijente i partnere i još mnogo toga.

Ali danas o tome ne govorimo. Govorit ćemo o društvenim dodacima koje je LinkedIn razvio za nas i gdje i kako se mogu koristiti. Nemojte žuriti da kažete da vam ova mreža nije zanimljiva! A ako radite u oblasti konsaltinga, b2b, onda jednostavno morate pročitati ovaj odjeljak.

Dakle, LinkedIn, kao i svi društveni mediji. mreže, postoji posebna stranica na kojoj možete vidjeti sve postojeće gumbe i dodatke: https://developer.linkedin.com/plugins

Stranica za programere, nažalost, postoji samo na engleskom jeziku, pa ću pokušati što detaljnije objasniti instalaciju svakog dodatka i gumba.

Kako instalirati?

Kako instalirati?

Dugme "Pretplati se" instalirano je sa iste stranice programera, vezu na koju sam dao na početku odjeljka. U lijevoj koloni kliknite na " Pratite društvo»I LinkedIn će vam pokazati odjeljak koji želite. Prvo odaberite koju tipku želite da instalirate: sa vertikalnim ili horizontalnim brojačem ili možda najčešćim i kliknite na Uzmi ga... Zatim morate unijeti naziv kompanije za koju instalirate dugme. U odgovarajuću kolonu počnite pisati ime, slovo po slovo, i ono bi trebalo da se pojavi na listi. Ponekad je potrebno dosta vremena da se lista učita, pa ne zaboravite. Ime mora biti napisano tačno onako kako je napisano na stranici kompanije. Zatim odaberite jezik dugmeta - ruski, vrstu dugmeta i kliknite na dugme " da dobijem kod". Sada samo zalijepite kod gdje god želite na web mjestu i gotovi ste! Na ruskom, inače, dugme će se zvati "Track", što mi se baš i ne sviđa. Ja bih lično ostavio englesku verziju. Na sreću, svi već znaju šta znači riječ "prati" 🙂

Još nisam napravio stranicu kompanije na LinkedInu, tako da još nema pravog primjera. Ako u budućnosti napravim stranicu, svakako ću je ubaciti kao primjer u članak.

Dugme za lični profil

Ovo je još jedan dobar, ali opet nedovoljno iskorišten dodatak. Ovo dugme prikazuje ličnu fotografiju profila, naslov i prikazuje prijatelje korisnika koji vide ovaj dodatak. Naravno, da bi LinkedIn pokazao profesionalne veze čitaocu vaše stranice, on - čitalac - mora biti prijavljen (ako mogu tako reći) na LinkedIn. Ukratko, korisnik mora biti prijavljen na LinkedIn da bi dodatak funkcionirao u potpunosti.

Kome je ovaj dodatak koristan? Mislim da će ljudima koji rade u b2b sektoru to biti najkorisnije. Iako ga možete koristiti bilo gdje: na stranici o autorima stranice, na stranici o zaposlenima kompanije, na stranicama o vašim klijentima i partnerima (naravno uz njihovu dozvolu) - postoji mnogo opcija. Glavna stvar je da se takvi profilni gumbi organski uklapaju u vašu web stranicu i strategiju kompanije. Ako vaši zaposleni imaju napola popunjene profile, jednom godišnje se prijavljuju na LinkedIn i imaju 10 veza, onda nema smisla prikazivati ​​takve profile. Ako se, naprotiv, vaša kompanija aktivno promoviše na društvenim mrežama. mreže, takav dodatak vam može biti od velike koristi.

+1 dugme

Kako instalirati?

Kako instalirati?

Sva Pinterest dugmad i widgeti su instalirani sa gornje veze. Da biste instalirali dugme "Pin it", morate odabrati odgovarajuće dugme u lijevoj koloni.

Pinterest dugmad je malo teško podesiti jer imaju mnogo različitih opcija, ali je ipak sasvim moguće da ih sami postavite.

1) U prvom redu “ Tip dugmeta»Možete odabrati tip dugmeta koji želite da instalirate na sajt: datu sliku, bilo koju sliku sa stranice ili dugme Pin it koje će se pojaviti na slikama stranice/članka.

2) Drugi red je “ Izgled", To jest, vrsta dugmeta. Ovdje Pinterest nudi mnogo opcija za izbor: velike ili male; pravokutni ili okrugli; crvena, siva ili bijela; tekst na engleskom ili japanskom.

3) Treći red je brojač. Ovdje možete odabrati pult odozgo, sa strane ili ga potpuno ukloniti.

U zavisnosti od tipa dugmeta koji odaberete, njegove opcije će se promeniti.

• dugme " Jedna slika»Podrazumeva da želite da postavite određenu sliku koju čitalac sajta može da zakači za određeni link. To jest, čitatelj neće imati izbora, čak i ako na vašoj stranici postoje druge slike. Ako odlučite postaviti sliku za dugme, onda se takvo dugme mora instalirati zasebno na svaku stranicu, jer zahtijeva vezu do stranice / članka. U prvu kolonu potrebno je ubaciti link do stranice koju će korisnici dijeliti, odnosno link koji će pokrenuti. Zatim navedite vezu do slike. Usput, ovo može biti bilo koji izvor, čak i izvan vaše stranice. U posljednjoj koloni možete odrediti tekst za sliku koju će korisnik dijeliti. To može biti, na primjer, naslov stranice ili naslov članka. Prije slanja pina, korisnik po želji može zamijeniti vaš tekst svojim.
• dugme " Bilo koja slika„Ili bilo koju sliku. Ovo dugme je veoma jednostavno i ne zahteva nikakve dodatne parametre. Potrebno je samo da odaberete veličinu i tip dugmeta, kao i da odlučite da li vam je potreban brojač ili ne.
• dugme " Prebacite sliku“, odnosno dugme koje će se pojaviti na samoj slici kada kursor miša lebdi preko nje. Možete isprobati kako ovo funkcionira s Pinterest uzorkom slike.

Sad par riječi o kodu koju trebate instalirati na stranicu. Pinterest, kao i druge društvene mreže. mreže, ima dva koda: prvi dio se ubacuje u oznaku , a drugi dio na mjestu gdje je ugrađeno samo dugme. Ako imate više Pinterest dugmadi na istoj stranici, tada trebate samo jednom instalirati prvi kod.

Primjer dijela koda koji se postavlja samo jednom po oznaci stranice:.

Dugme za pretplatu

Pinterest, kao i Google+, ne pravi razliku između ličnih naloga i naloga preduzeća, tako da se dugme Pretplati se za oba kreira na istom mestu. Ovo dugme se veoma lako instalira. Sve što treba da uradite je da unesete link svog profila i date naziv dugmetu.

Kao što sam gore napisao, ne mogu umetnuti Pinterest dugmad zbog konflikta skripte, pa ako želite da se sprijateljite sa mnom na Pinterestu, samo slijedite ovaj link.

Bonus: hiperveze

U nastavku ću dati primjere kako se takve veze kreiraju ručno. Također možete isprobati namjenski generator linkova - Share Link Generator. Na ovoj stranici možete kreirati linkove za Facebook, Twitter, Google+, Pinterest i LinkedIn. Biće lako razumjeti stranicu, pa neću objašnjavati šta i kako. Međutim, pogledajte moje savjete, budući da generator linkova ne pruža potpunu vezu za format HTML + koda, kako da se link otvori u novom prozoru. Sve ovo plus primjeri društvenih veza. Vkontakte mreže, naći ćete u ovom odjeljku.

http://www.facebook.com/share.php?u= tvoj link «> tekst hiperveze

Zdravo svima! Danas ćemo se fokusirati na pet najzanimljivijih usluga na kojima možete brzo i jednostavno odabrati izgled. dugmad društvenih mreža za web stranicu i dobijete odgovarajući kod.

Označite okvire i odaberite izgled bloka. Kod se generira automatski.

Google +1

Google +1 omogućava korisnicima da glasaju na stranici vašeg portala i podijele ga sa svojim prijateljima na Google+ društvenoj mreži. Što više glasova prikupi, Google će ga bolje tretirati, pa pokušajte da za njega odaberete veću veličinu i postavite ga na istaknuto mjesto.

Prilagodite veličinu i izgled dugmeta, odaberite ruski. Napredne postavke vjerovatno vam neće biti korisne. Kao što vidite, vrlo lako i brzo će primiti dugmad društvenih mreža od Yandexa i Googlea. Samo dva klika mišem i gotovi ste!

AddThis.com nudi postavljanje narandžastog dugmeta Share (ili narandžaste +) koje sadrži ogroman broj svih vrsta društvenih mreža, obeleživača i usluga. Najpopularnije društvene mreže se mogu izbaciti sa opšte liste i staviti odvojeno pored Share. Osim toga, servis nudi analitiku i statistiku aktivnosti čitača. Da biste mu pristupili na addthis.com, morate se registrirati.

Ako ste sve učinili ispravno i fascikla sa skriptom je zaista učitana u korijenski direktorij, tada će njegova adresa biti http://vash_site.ru/share42/. Navedite to u tački 3 odeljka „Instaliranje skripte na sajtu“.

U četvrtom koraku od vas se traži da odaberete svoju web lokaciju ako je koristite. U zavisnosti od označene stavke, kod ispod će se neznatno promeniti.

Sada morate umetnuti kod iz koraka 5 na svoju web stranicu. Za horizontalni blok društvenih dugmadi sve je jednostavno - gdje ga umetnete, tamo će se i prikazati. Plutanje okomito je malo teže.

U posljednjoj liniji koda, trebali biste odrediti udaljenost u pikselima od vrha stranice (u primjeru 150) i od vrha vidljivog područja (u primjeru 20) do plutajućeg panela.

Ako ne znate tačno gde da ubacite kod, on će uvek priskočiti u pomoć metodom "naučnog bockanja" - pre ili kasnije ćete uspeti, a panel će biti prikazan na pravom mestu.

Posljednja stvar koju treba učiniti je kopirati stilove iz koraka 6 u datoteku sa stilovima vaše stranice - sa ekstenzijom .css. Najčešće se ova datoteka zove style.css.

A sada su zvijezda programa društvene tipke sa brojačima, koje trenutno koristim na svom blogu! Izgledaju jednostavno predivno! Dostupne su dvije veličine - mala i velika. Inače, ljudi mnogo spremnije klikću na ikone sa brojačima. To sam čak i sam primijetio.

Da naučite kako da ih instalirate na svoj blog, pročitajte odjeljak "Važne informacije":

Prvi kod je odgovoran za funkcionalnost dugmadi, ubacujemo ga ispred završne oznake head, koja se u WordPress temama nalazi u šablonu header.php.

Drugi kod je odgovoran za njihovo prikazivanje. Ubacujemo ga na mjesto izvornog koda stranice, gdje treba da se pojave ikone.

Obratite pažnju na atribut data-yashareType = "small". Veličina ikona je postavljena ovdje: mala - mala, velika - velika. Sve genijalno je jednostavno.

Kako dodati kod društvenih dugmadi na svoju web stranicu

Shvatili smo skriptu iz Share42, sada pogledajmo kako najbolje dodati kod društvenih dugmadi iz drugih usluga na internetski resurs.

Kod dugmeta se sastoji od dva dela:

1. Skripta zatvorena između oznaka koje izgledaju otprilike ovako:

I već se kod odgovoran za prikazivanje društvenih dugmadi može umetnuti bilo gdje na web mjestu.

To je sve, hvala na pažnji. Čuvaj se!

Pros:

Pluso X

Dodaj ovo

Dobra podjela

Shareaholic