Shpërndajeni në rrjetet sociale. Futja e një blloku butonash social në kodin burimor

Ndoshta nuk ka faqe në internet që nuk janë të pritura. butonat e postimit materiale në rrjetet sociale. Këto të fundit kanë zënë vend prej kohësh dhe fort në jetën tonë. Ne komunikojmë atje, njihemi, promovojmë biznesin, lexojmë lajme e kështu me radhë. Një gamë e plotë e. Nuk është për t'u habitur që webmasterët po kërkojnë të zgjerojnë praninë e tyre në mediat sociale nga ndonjë metodat e disponueshme... Në fund të fundit, ka shumë trafik të mundshëm për të cilin absolutisht të gjithë kanë nevojë. Rrjedha e vizitorëve është para, reputacion, rritje. Gjithçka është ndërtuar rreth tij. Një kafshatë e shijshme.

Butonat social janë të domosdoshëm, padyshim. Pyetja është e ndryshme - cilat të zgjidhni? Ne testuam për ju TOP 5 shërbime të ndryshme për të shtuar kodin e butonit në sajte. Qëllimi është të identifikoni atë optimale dhe ta tregoni atë në detaje. Le të fillojmë me fazën kualifikuese.

Zgjedhja e shërbimit më të mirë të butonave social

Zgjedhja e aplikantëve për krahasim doli të jetë e parëndësishme - ne morëm më së shumti shërbime të njohura , për të cilën ka dëgjuar çdo person që e njeh nga afër temën e krijimit të faqes në internet. Jo rrallë, duke fituar popullaritet, vetëm të moshuar me përvojë.

Përbërja e ekipit të të dëshmuarve është si më poshtë:

Si rezultat i testimit të zgjedhur sherbimet sociale – drejtuesi ishte uSocial ... Tani ju dëshironi të merrni një justifikim për zgjedhjen tonë. Sigurisht që nuk do të mbetemi pa bazë.

Karakteristikat e butonave uSocial

Le të japim disa fakte që na bindi për korrektësinë e vendimit.

Krahasimi verbal nuk do të mjaftojë për shumëkënd. Prandaj, ne kemi përpiluar tabelë krahasuese butona nga uSocial dhe debutues të tjerë (shkalla e vlerësimit e përdorur është nga 1 në 5). Të gjitha këto të dhëna janë marrë gjatë testimit.

Shpresojmë që analiza e kryer ishte në gjendje të largonte dyshimet tuaja në lidhje me vlefshmërinë e zgjedhjes sonë. Përveç pamjes së bukur, butonat social nga uSocial janë aplikuar thellësisht në natyrë, duke qenë mjaft mjet i fuqishëm për të promovuar ndonjë projekt.

Udhëzime se si të instaloni butonat e mediave sociale në një faqe interneti

Për të vendosur butona sociale nga uSocial në faqen tuaj të internetit, duhet të ndiqni disa hapa të thjeshtë:

Hapi 1

Hapi-2

Kombinimi i një grupi butonat social... Mund të zgjedhë shfaqur Shërbimet rrjete sociale, forma dhe stili i butonave.

Këtu mund të aktivizoni edhe butonin "Up", aktivizoni mbështetjen pajisje celulare, lidhni shërbimet Viber, WhatsApp, Telegram, SMS.

Pasi të keni përfunduar të gjitha operacionet, futni adresën faqen tuaj dhe klikoni në butonin "Për të marrë kodin".

Hapi-3

Kopjo Kodiskenar në dritaren që shfaqet. Ju duhet të futni kodin në ato faqe të burimit tuaj ku keni nevojë për një panel butonash social. Për shembull, në fundin para etiketës mbyllëse.

Hapi-4

Pas instalimit të shiritit social nga llogaria juaj personale uSocial, mund të shikoni statistikat e pëlqimeve dhe ripostimeve për periudhën e përzgjedhur, si njëherësh për të gjitha rrjetet sociale, ashtu edhe për ato të përzgjedhura. Të dhënat shfaqen në formën e grafikëve ose grafikëve të lehtë për t'u kuptuar.

V llogari personale uSocial të gjitha të krijuara grupe dhe statistikat për vendet në të cilat ata ishin bashkangjitur. Në çdo kohë, mund të kaloni midis faqeve dhe të analizoni të dhënat e marra nga sportelet.

Si të rritet efikasiteti i një bar social?

Nëse shfaqet fotografia dhe përshkrimi i gabuar gjatë ripostimit të materialit, mund të tregoni manualisht se çfarë, sa dhe si duhet të shfaqet duke përdorur meta etiketat speciale që janë të kuptueshme për të gjitha rrjetet sociale. Nëse kjo nuk është bërë, atëherë fotografitë dhe përshkrimet e rastësishme mund të shfaqen në rrjetet sociale. Nuk ka gjasa që të keni nevojë për të.

Nëse meta etiketat sociale plotësohen saktë, postimet do të perceptohen saktë nga shërbimet sociale, sepse ato tregojnë llojin e materialit, një titull përkatës, një lidhje me foto e dëshiruar... E gjithë kjo rrit efikasitetin e ripostimit: materiali juaj do të indeksohet saktë nga shërbimet sociale.

Shembuj të kodi i mikro të dhënave për rrjetet sociale të njohura (kodi duhet të shkruhet para etiketës):

1. Facebook dhe Në kontakt me përdorni protokollin Open Graph:

3. Për Cicëroj kodi duket si ky:

4. Për Google+ Kështu që:

- lidhje me profilin e autorit në Google+
- Emri i faqes
- teksti i fragmentit (deri në 40 karaktere)
- përshkrimi i faqes
- rruga për në skedarin e imazhit

Mjetet për të punuar me mikro-shënjimin.

Pershendetje te dashur miq. Artikulli i sotëm do t'i kushtohet krijimit të një blloku butonash social pa shërbime dhe shtojca. Dhe ky bllok do të përfshijë gjithashtu butona që lejojnë vizitorët e faqes të printojnë faqen, të dërgojnë lidhjen e artikullit email dhe bëni një hipotekë në artikullin tuaj. Butona të tillë mund të gjenden sot pothuajse në çdo faqe interneti. Vetëm tani ato zbatohen duke përdorur shërbime ose shtojca. Dhe unë do t'ju tregoj se si ta bëni vetë.

Shërbimet që kam përdorur në faqet e klientëve dhe në blogun tim - dhe. Këto shërbime e bëjnë të lehtë zbatimin e detyrës.

Cili është avantazhi i butonave të personalizuar social ndaj shërbimeve dhe shtojcave

1. Sigurisht, shpejtësia e ngarkimit të faqes në internet është një faktor i padiskutueshëm. Kështu, për shembull, shërbimi PLUSO që përdor në një blog, në skenarin më të mirë, i shton ngarkesës 633 milisekonda.

Dhe në këtë bllok, përdoren vetëm imazhet e nevojshme të butonave social, të kombinuara në. Të gjitha stilet janë mbajtur në minimum. Plus një kornizë e thjeshtë html.

1. Metoda që sugjeroj nuk përmban asnjë lidhje e jashtme... Jo, ka lidhje, por të gjitha do të jenë si lidhje të brendshme. Mund t'i keni gjithmonë nëse dëshironi. Dhe atëherë ato nuk do të jenë fare të dukshme.

1. Shumë instalim i lehtë... Mjafton të futni kodin html të bllokut burimi faqet e faqes, ngarkoni sprite, shtoni stilet css dhe instalimi ka përfunduar. Thjesht duhet të korrigjoni shtegun drejt skedarit me imazhet e butonit.
2. Ky artikull nuk është më tepër një plus ose minus në drejtim të bllokut të vet të butonave socialë. Truku është se blloku i tij nuk ka një numërues të klikimeve të butonave. Dhe kjo mund të llogaritet si minus. Por, nga ana tjetër, është e mundur të vendosni çdo buton dhe do të dini saktësisht se sa herë vizitorët tuaj kanë klikuar mbi butonat dhe kanë shpërndarë artikujt tuaj në rrjetet sociale.
3. Statistikat e mbledhura nga shërbimet në faqen tuaj të internetit nuk do t'u kalohen më palëve të treta.

Futja e një blloku butonash social në kodin burimor

Ne do të shqyrtojmë versionin klasik, kur butonat janë të vendosur pas artikullit.

Kjo mund të bëhet ose duke hapur skedarin përgjegjës për shfaqjen e artikujve (single.php) dhe duke shtuar një bllok butonash social në kodin burimor. Përndryshe, mund të bëhet përmes skedarit të funksioneve të temës (functions.php).

Unë do t'i tregoj të dyja opsionet, dhe ju zgjidhni atë që ju përshtatet.

Futja e një blloku në kodin burimor single.php

Paralajmërim: Përpara se të filloni të gjitha veprimet, bëni rezervë skedar single.php!

Ne hapim paneli admin WordPress - "Pamja" — "Redaktor" — "Një hyrje (single.php)".

Në kodin burimor, kërkoni vendin ku përfundon dalja e artikullit dhe fillon komentet ose lundrimi faqe pas faqe. Ky është vendi ku do t'ju duhet të futni kodin html të bllokut të butonave social.

Shikoni me kujdes pamjen e ekranit, udhëhiquni nga kodet përgjegjëse për prodhimin e artikullitdhe komentet... Dhe ngjisni kodin më poshtë.

Sigurisht, do të ketë disa ndryshime në shabllonet tuaja, por jam i sigurt që do ta kuptoni, nuk ka asgjë të vështirë për këtë. Dhe përveç kësaj, ju keni një kopje rezervë, asgjë për t'u frikësuar.

Dhe këtu është kodi html i vetë bllokut të butonave social:

Shpjegime mbi kodin:është një bllok DIV me class.share, i cili përmban lidhje me rrjetet sociale. Lidhja hapet në një dritare të veçantë pop-up, ky funksion onClick = window.open është përgjegjës për këtë. Zëvendësimi i një lidhjeje në një artikull kryhet me këtë kod... Çdo lidhje ka klasën e vet përmes së cilës caktohet imazhi i butonit.

Kjo përfundon futjen përmes kodit burimor. Dhe pastaj ju duhet të lidhni stilet css.

Futja e një blloku në kodin burim single.php nëpërmjet funksioneve të temës

Kujdes: përpara se të filloni punën, bëni një kopje rezervë të skedarit tuaj functions.php!

Për të përdorur këtë opsion, duhet të hapni skedarin functions.php dhe të shtoni këtë kod në fund:

/ * Fut butonat social * / add_action ("comments_template", "soc_button"); funksioni soc_button () (?> Dhe kini kujdes pas ngjitjes së kodit, nuk duhet të keni hapësira dhe karaktere të tjera. Apo thjesht mbyllni kodin php?>. Përndryshe, faqja do të ndalojë së punuari.

Shpjegime mbi kodin: vendi ku do të shfaqen butonat e mediave sociale përcaktohet nëpërmjet tastit API comments_template. Ky çelës përdoret për të përcaktuar vendin përpara komenteve. Vetë kodi i butonave social është i mbyllur në etiketat e hapjes së kundërt dhe duke mbyllur php... Në kod i shënova me të kuqe. Ky është i gjithë truku i futjes kodi html në php nëpërmjet funksioneve teme.

Kjo dhe kjo metodë ka mbaruar, ne vazhdojmë të ngarkojmë imazhe në sit.

Ngarkimi i imazheve të butonit në server

Si shembull, unë kam përgatitur disa sprite me imazhe të butonave socialë. Ju mund t'i shkarkoni ato.

Sprite që po përdor si shembull është vetëm 3.97 kb dhe përmban vetëm butonat që ju nevojiten. Dhe meqenëse kjo është një sprite, atëherë ka vetëm një kërkesë për bazën e të dhënave, dhe jo për secilin buton veç e veç.

Shkarkoni imazhe ose përgatitni tuajat dhe ngarkojini në faqen tuaj. Unë mendoj se nuk duhet të ketë ndonjë problem me këtë. Më tej, lidhja me këtë sprite do të kërkohet për të dekoruar butonat përmes stileve css.

Përfshirë stilet CSS

Sigurisht, ky hap mund të kryhet në fillim, por unë preferoj të kryej të gjitha të vështirat punë teknike, dhe vetëm atëherë vazhdoni me gjëra të vogla të këndshme me stilet css.

Pra, hapni skedarin style.css, i cili është përgjegjës për dizajnin e faqes tuaj. Dhe futni këto stile:

Ndani një (ekran: blloku në linjë; rreshtimi vertikal: trashëgo; diferenca: 5 px 0 0 2 px; mbushja: 0 px; madhësia e shkronjave: 0 px; gjerësia: 40 px; lartësia: 40 px; sfondi: url ("http: // test ..png ") scroll pa përsëritje 0px 0px transparent;) .share a.vkontakte (sfondi: url (" http: //test..png ") scroll pa përsëritje -168px 0px transparent;) .share a.google (sfondi: url ("http: //test..png") lëviz pa përsëritje -252 px 0px transparente;) .share a.livejournal (sfondi: url ("http: //test..png") pa përsëritje scroll -336px 0px transparent;) .share a.twitter (background: url ("http: //test..png") scroll pa përsëritje -42px 0px transparent;) .share a.mail (background: url ("http : //test..png ") lëvizje pa përsëritje -294px 0px transparente;) .share a.odnoklassniki (sfondi: url (" http: //test..png ") lëvizje pa përsëritje -126px 0px transparente;) .share a.pinterest (sfondi: url ("http: //test..png") lëvizje pa përsëritje -210 pikselë 0px transparente;) .share a.liveinternet (sfondi: url ("http: //test..png ") lëviz pa përsëritje -378px 0px transparente; ) .share a.evernote (sfondi: url ("http: //test..png") rrotullim pa përsëritje -420px 0px transparent;) .share a.bookmark (sfondi: url ("http: // test .. png ") scroll pa përsëritje -462px 0px transparent;) .share a.email (background: url (" http: //test..png ") scroll pa përsëritje -504px 0px transparent;) .share a.print ( sfond: url ("http: //test..png") lëvizje pa përsëritje -546px 0px transparente;) .share a.digg (sfondi: url ("http: //test..png") lëviz pa përsëritje -588px 0px transparent;) .share a.spring (sfondi: url ("http: //test..png") lëvizje pa përsëritje -630px 0px transparente;)

Shpjegime mbi kodin: klasa.përcakton ndajnë formë e përgjithshme blloku, madhësia e secilit buton, mbushja dhe vendos një sfond të vetëm. Dhe pastaj secila lidhje ka klasën e saj dhe secilës lidhje të tillë, përmes veçorisë së sfondit, i caktohet pamja e butonit. Butonat janë projektuar si sprite css, dhe çdo buton ka një gjerësi dhe lartësi prej 40 pikselësh, me një mbushje 2 px në mes, duke ju lejuar të përcaktoni me saktësi imazhin për çdo buton. Kjo do të thotë, butoni i parë tregohet si 0, dhe i dyti si 42, e kështu me radhë. Në kod, tregohen këto vlera portokalli... Lidhja me sprite është gjithashtu e theksuar me portokalli, ju e ndryshoni atë në rrugën drejt spritit tuaj.

Kjo përfundon të gjithë procesin e krijimit të bllokut tuaj të butonave socialë. Ju mund të vazhdoni me siguri në kontroll.

Dhe unë gjithashtu kam një video tutorial në të cilin i gjithë procesi tregohet qartë, shtylla tregon funksionimin e vetë butonave. Shikoni dhe futni në sajtet dhe bloget tuaja.

Tani kjo është ajo. Ai e përballoi detyrën. Ju uroj të gjithëve fat dhe shihemi në artikuj të rinj dhe video tutoriale.

V Kohët e funditËshtë bërë modë instalimi i butonave të mediave sociale në faqet e internetit dhe bloget, dhe kjo nuk është për t'u habitur. Së pari, butonat ju lejojnë të rritni "pëlqimet" dhe "zemrat", gjë që ka një efekt pozitiv në promovimin e artikujve në rrjetet sociale. Së dyti, ka lloje të veçanta butonash që ju lejojnë të ndani lidhjet me faqe të veçanta faqe në rrjetet sociale - kjo tërheq vizitorë shtesë nga Vkontakte, Facebook, Odnoklassniki, Twitter, etj. Së treti, artikujt e shtypur nje numer i madh i“Pëlqimet” dhe “zemrat” janë shumë të besuara nga lexuesit e faqes.

Prandaj, është shumë e rëndësishme të dini se si të instaloni butonat e mediave sociale në faqen tuaj të internetit për të ndihmuar në zhvillimin e sajtit. Rrjetet sociale më të njohura do të shqyrtohen

• Në kontakt me
• Facebook
• shokët e klasës
• Google "+1"
• Cicëroj
• Bota ime

Instalimi do të mbulohet këtu butona standarde ofruar nga vetë rrjetet sociale. Në këtë rast, çdo buton do të duhet të instalohet veçmas nga të tjerët, kërkon pak kohë, por gjithashtu duket shumë mirë.

1.1. Në kontakt me

1.1.1 Butoni Save

Butoni është mjaft fleksibël, mbishkrimi në të mund të ndryshohet në çdo të dëshiruar (si parazgjedhje "ruaj").

Së pari ju duhet të shkoni në faqen me, ku do të merrni edhe kodin e skriptit që do t'ju duhet të instaloni në faqen tuaj në mënyrë që të shfaqet butoni.

Këtu mund të zgjidhni një nga 5 stilet: buton, buton pa numërues, lidhje, lidhje pa ikonë, ikonë.

Fusha " teksti"Ju lejon të ndryshoni standardin" përveç "etiketës" në tuajin.

Si url, ju mund të zgjidhni adresën e faqes me butonin, ose adresën e një faqeje tjetër (sipas zgjedhjes suaj). Në rastin e parë, butoni do të ndajë një lidhje me faqen ku ndodhet vetë butoni. Në rastin e dytë, butoni do të ndajë lidhjen që keni specifikuar, pavarësisht se ku ndodhet.

Vendos kodin përbëhet nga dy pjesë : e para duhet të vendoset diku midis etiketave dhe, e dyta është në vendin ku duhet të shfaqet butoni. Lexoni rreth instalimit të butonit në sit në paragrafin .

1.1.2 Butoni i pëlqimit

Versioni i dytë i butonit është widget " une pelqej". Do të jetë më e lehtë ta instaloni atë në sit, sepse në fund do të merrni vetëm një pjesë të kodit që duhet ta vendosni vendin e duhur faqe.

Për të personalizuar butonin, shkoni te kjo lidhje... Këtu ju gjithashtu duhet të plotësoni një numër parametrash.

Emri i faqes- është më mirë të tregoni emrin e shkurtër dhe të vërtetë të faqes suaj këtu.

Adresa e faqes se internetit- shkruani adresën faqja kryesore faqen tuaj.

Domeni kryesor i faqes- tregoni pasqyrën kryesore të faqes (ajo mund të gjendet si një parametër i operatorit "Host"), nëse e keni të vështirë ta bëni këtë, atëherë lini VKONTAKTE të propozuar.

Opsionet e butonave- këto janë stile të ndryshme të butonit, ato ndikojnë në pamjen e tij.

Lartësia e butonit- dimensionet gjeometrike "Më pëlqen".

Emri i butonit- ka dy opsione në dispozicion (më pëlqen, është interesante).

Vendos kodin- kodi që nevojitet për të shfaqur butonin e rrjetit social Vkontakte.

1.2 Facebook

Konfiguron butonin në këtë faqe. Vështirësitë mund të lindin si komentet në formular shkruhen në gjuhe angleze por më poshtë mund të lexoni Përshkrim i shkurtërçdo fushë.

Urltesi- url-adresa e faqes për butonin (nëse fusha nuk është e plotësuar, atëherë do të merret adresa e faqes në të cilën ndodhet butoni).

DërgoButoni- prania e një shenje kontrolli përfshin mundësi e re- dërgoni një lidhje në Facebook (shfaqet buton shtesë- "dërgo"). Kur aktivizohet, do të shfaqen dy butona në të njëjtën kohë.

Stili i paraqitjes- stili i butonit, ndikon në pamjen e tij (konsiderohet standard butoni_numëroj).

Gjerësia- gjerësia e butonit në pixel.

Trego fytyrat- kur aktivizohet, do të shfaqen avatarët e njerëzve që kanë klikuar tashmë në këtë buton.

Fonti- lloji i fontit të butonit.

Skema e ngjyrave- sfondi i hapësirës pranë butonit (bardh e zi).

Folje për të shfaqur- emri i butonit (pëlqej, unë e rekomandoj).

MarrKodi- butoni që gjeneron kodin e skriptit.

1.3 Shokët e klasës dhe bota ime

Këto rrjete sociale kanë fituar popullaritet të gjerë në Internet që flet rusisht, një numër i madh njerëzish jetojnë atje, kështu që nuk duhet të neglizhoni instalimin e butonit "Class" nga shërbimi Odnoklassniki dhe "Like" nga faqja "Bota ime".

Për të konfiguruar butonat, duhet të shkoni te. Ju mund të shtoni butona veçmas, duke e personalizuar secilin në mënyrën e vet, ose mund t'i modifikoni të dy butonat në të njëjtën kohë.

Madhësia e lartësisë- madhësia gjeometrike e butonave.

Pamje- pamja e kornizës së butonit.

- Zgjedhja e butonave (si, klasa)

Kundër- ndezja dhe fikja e banakut të shtypjes së butonave (në të djathtë, lart - vendndodhja e banakut).

Teksti në butona- zgjedhja e njërit prej tre emrave të disponueshëm për butonat.

Vendos kodin- kodi i skriptit që do të duhet të instalohet në sit.

1.4 Google "+1"

Një rrjet i ri social që ka fituar një audiencë të madhe në një kohë të shkurtër. Është e vështirë të imagjinohet një faqe pa butonin "+1", sepse jo vetëm që ju lejon të shtoni lidhje në rrjetin social dhe të rrisni numrin e "shenjave plus", por gjithashtu mund të ndikojë në rezultatet e faqes në TOP motor kërkimi Google.

Të gjitha detajet në lidhje me këtë, si dhe instalimi dhe konfigurimi i butonit janë të vendosura.

1.5 Twitter

Shërbimi më popullor mesazhe të shkurtra nuk mund të injorohet. Vendosni vetes një buton nga ky rrjet social dhe shikoni se sa shpejt njerëzit do të ndajnë lidhjet me faqen tuaj në Twitter. Ju mund ta personalizoni butonin në këtë.

Së pari ju duhet të zgjidhni butonin e dëshiruar(ne jemi të interesuar për opsionin e parë - butonin "dërgoni lidhjen").

Pas kësaj, në faqe do të shfaqet një formular me disa fusha që duhet të plotësoni.

Dërgo lidhjen- përzgjedhja e faqes në të cilën ndodhet butoni, ose ndonjë tjetër.

Teksti- përzgjedhja e tekstit që do të shfaqet pranë butonit (JO NË BUTONIN vetë).

Trego numëruesin- aktivizoni ose çaktivizoni numërimin e numrit të shtypjes së butonave.

Nëpërmjet- zgjedhja e metodës së shtimit të mesazhit të lidhjes në Twitter (praktikisht nuk ndikon asgjë).

shenjë- zgjedhja e një etikete që do të publikohet në Twitter (praktikisht nuk ndikon asgjë).

Buton i madh- rritja e madhësisë gjeometrike të butonit.

Refuzoni të përshtatni Twitter-in- refuzimi i stileve të Twitter (është më mirë të lini fushën e pakontrolluar).

Gjuhe- zgjedhja e gjuhës së butonit.

Në të djathtë, do të gjenerohet një kod që duhet të shtohet në sit.

1.6 Ya.ru

Për ta bërë këtë, duhet të plotësoni disa fusha që do të formohen kodi i kërkuar skenar.

Permasa- e vogël ose madhësia e madhe butonat.

Stili- zgjedhja midis një butoni ose një ikone.

Disponueshmëria e njehsorit- ndezja ose fikja e numëruesit të shtypjes së butonit.

Pamja e butonit- një shembull se si do të duket butoni.

Drejtimi- përzgjedhja e një titulli për faqen (arbitrarë ose titulli i faqes aktuale).

Vendos kodin- kodi i kërkuar që shtohet në faqe.

2. Butonat gati për sitin

Por nëse nuk ka dëshirë të shtoni kodin e secilit buton në faqen tuaj, atëherë mund të përdorni skriptet standarde që menjëherë formojnë një grup butonash të mediave sociale. Në këtë rast, mjafton vetëm të shtoni një kod të një skripti të tillë në faqen tuaj dhe menjëherë do të keni të instaluar butonat e rrjeteve sociale më të njohura.

Për të konfiguruar bllokun dhe për të zgjedhur rrjetet e nevojshme sociale, ndiqni këtë lidhje. Pamja e mëposhtme e ekranit tregon se mund të zgjidhni butonat e rrjeteve sociale të dëshiruara nga ato të propozuara, si dhe të modifikoni pak pamjen e bllokut.

Set i shërbimeve- zgjedhja e butonave të rrjeteve sociale për sitin (ato me një shenjë kontrolli do të shfaqen në sit).

Kodi – skenarin që dëshironi për të shtuar në faqe.

2.2 Butonat PLUSO

Kohët e fundit, ndërtuesi i butonave të mediave sociale PLUSO ka fituar një popullaritet të gjerë. Ju mund të shkoni në sit duke përdorur këtë lidhje.

Konstruktori është mjaft fleksibël, ka shumë cilësime, kështu që ju mund të krijoni butona të mediave sociale në një mënyrë të tillë që të përshtaten në mënyrë të përkryer në dizajnin e faqes.

Së pari, ju duhet të zgjidhni stilin e butonave dhe sporteleve nga disa të ofruara (horizontale, vertikale, me ngjyra, pa ngjyrë, etj.).

Pastaj ju duhet të konfiguroni një numër parametrash duke zgjedhur

• vendndodhja e bllokut (vertikal, horizontal);
• ngjyra e butonit (e ndritshme, e errët);
• madhësia e bllokut (i madh, i vogël);
• banak (prania ose mungesa);
• sfond (pa ngjyrë ose me ngjyrë);

Kodi do të gjenerohet sipas parametrave që keni specifikuar, pas së cilës duhet të futet në sit.

Slepur42

Një tjetër shërbim që ju lejon të dizajnoni butona për faqen tuaj është Share42.com/ru.

Ky gjenerator ju lejon të personalizoni madhësinë e butonave, të përcaktoni rrjetet e dëshiruara sociale nga numri i madh i atyre në dispozicion, si dhe të modifikoni pamjen e ikonave.

Zgjidhni madhësinë e butonave dhe rrjetet sociale që dëshironi, më pas vazhdoni me konfigurimin e opsioneve shtesë.

Lloji i panelit të ikonave- shfaqja e një blloku butonash (opsioni "lundrues vertikal" është shumë interesant).

Kufizoni numrin e dukshëm të ikonave- zgjedhja e numrit të butonave të shfaqur (të tjerët do të fshihen pas lidhjes).

Kodimi i faqes- zgjedhja e kodimit të faqes tuaj.

Shto ikonën e sajtit Share42.com- ndoshta duhet të zgjidhni kutinë.

Trego numëruesit- aktivizoni numëruesin e klikimeve të butonave (vetëm kur funksionon jQuery).

Instalimi i këtij skripti është mjaft i ndërlikuar, por ai përshkruhet hap pas hapi në vetë faqen Share42.

3. Si të instaloni butonat në faqe

Nëse kodi që duhet të postohet në sit përbëhet nga dy pjesë (siç është rasti me butonin Vkontakte), atëherë secila prej pjesëve instalohet veçmas. Nëse kodi nuk është i ndashëm në dy, atëherë këtë hap mund të anashkalohet.

Pjesa e parë e kodit duhet të shtohet midis etiketave dhe... Për ta bërë këtë, shkoni te Paneli i administrimit të WordPress dhe shkoni te redaktori i shabllonit.

Në redaktuesin e shabllonit, duhet të gjeni skedarin "Titulli" (kokë.php), nëse nuk është kështu, atëherë - "Modeli kryesor" (index.php)... Tani ju duhet të gjeni etiketën ose... Nëse në këto skedarë nuk ka etiketa të tilla (të gjitha temat janë të ndryshme, kjo mund të jetë), atëherë do t'ju duhet të hapni të gjithë skedarët për redaktim dhe të kërkoni një etiketë në secilën prej tyre ... Për të kërkuar, mund të përdorni shkurtoren e tastierës "Ctrl + F".

Pasi të gjeni etiketat e nevojshme, mund të vendosni pjesën e parë të kodit pak përpara etiketës mbyllësekokë> për të mos prekur rastësisht kodet e skripteve të tjera.

Pjesa e dytë e kodit vendoset aty ku dëshironi të zgjidhen butonat e mediave sociale për sitin. Nëse kodi përbëhet nga vetëm një pjesë, atëherë mjafton të bëni vetëm këtë operacion.

Më shpesh, butonat shtohen para ose në fund të një artikulli. Më e thjeshta, natyrisht, është opsioni i dytë. Ne do ta konsiderojmë atë.

Ju duhet të gjeni se ku përfundon artikulli (kryesore pjesa e tekstit faqe). Për ta bërë këtë, ju duhet të redaktoni skedarin "Një hyrje" (beqare.php).

Tani ju duhet të gjeni operatorin që është përgjegjës për shfaqjen e përmbajtjes kryesore të artikullit. Në rastin tim, ky është "the_content", menjëherë pas tij është kodi i butonit.

Në mënyrë të ngjashme, ju mund të vendosni kodin në fillim të artikullit, thjesht duhet të gjeni një vend midis titullit dhe tekstit të artikullit.

Nga autori: pershendetje. Sot, rrjetet sociale janë zhvilluar në një nivel të tillë që në to janë të regjistruar gjithsej më shumë se 3 miliardë njerëz. Ky është potencialisht një audiencë shumë e fuqishme, kështu që sot do t'ju tregoj se si të shtoni butona të mediave sociale në faqen tuaj.

Shtimi në një faqe WordPress

Do të filloj me faktin se më në një mënyrë të thjeshtë nëse keni WordPress, thjesht instaloni disa shtojca për këtë rast. Cilin? Për shembull, kam përdorur Juiz Social Post Sharer. Në përgjithësi, thjesht futni fjalën social në kërkimin e shtojcave dhe shikoni se çfarë është atje. Avantazhi i vetëm është se ndoshta nuk do t'ju duhet të konfiguroni asgjë.

Yandex ka zhvilluar gjithashtu një faqe në të cilën mund të personalizoni dhe instaloni butona për veten tuaj. Në këtë faqe ju mund të zgjidhni shërbimet e nevojshme(dhe janë rreth 25 prej tyre). Në të djathtë, ju mund të zgjidhni pamjen e bllokut. Këta mund të jenë numërues që do të tregojnë se sa herë përdoruesit kanë klikuar mbi butonat. Kjo, nga ana tjetër, do t'ju ndihmojë të mbani gjurmët nëse materiali është i dobishëm për lexuesit tuaj.

Natyrisht, nuk keni nevojë të përdorni të tre opsionet, njëra është më e mirë. Edhe pse pashë faqe ku blloku ishte në fillim dhe në fund të faqes.

Tani ju duhet të gjeni skedarin me kodin që shfaq artikujt. Në wordpress, për shembull, zakonisht quhet single.php, ose Në mënyrë të ngjashme... Pra, nëse duhet të vendosni një bllok me butona pas artikullit, kërkoni rreshtin the_content. Është pas tij që mund të futni kodin. Do t'ju ndihmojë shumë nëse zhvilluesi i shabllonit tuaj bën komente në kod.

Ka disa mënyra për të redaktuar skedarët e faqes. Për shembull, mund ta bëni drejtpërdrejt përmes panelit të administrimit të motorit (pamja - redaktori). Në këtë rast, kodi nuk theksohet, kështu që nuk është aq i përshtatshëm për të lundruar në të. Një mënyrë tjetër është përmes ftp. Lidhuni me sitin duke përdorur klientin ftp, shkoni te wp-content - temat. Këtu ju duhet të gjeni shabllonin që është aktiv në tuaj ky moment... Ne hyjmë në të dhe gjejmë të njëjtin single.php ose kërkojmë diçka të ngjashme në emër.

Në skedarin me vetë kodin, gjeni rreshtin the_content duke përdorur kërkimin (Ctrl + F). Ngjitni këtë kod diku pas tij.

Komentet janë ato që bien në sy në këtë pamje të mësipërme në të gjelbër... Siç mund ta shihni, zhvilluesi tregoi në mënyrë eksplicite se teksti i vetë artikullit shfaqet në këtë vend. Kjo është e mrekullueshme, thjesht ngjitni kodin menjëherë pas artikullit dhe do të merrni rezultatin e dëshiruar.

Butonat Pluso

Tendenca moderne dhe qasjet në zhvillimin e uebit

Mësoni algoritmin e rritjes së shpejtë nga e para në ndërtimin e faqes

Ju mund të zgjidhni stilin e butonave, të personalizoni sfondin, pozicionin dhe madhësinë e tyre. Ju gjithashtu mund të zgjidhni ikona me një numërues të integruar. Dhe një avantazh tjetër i butonave Pluso është pamja e tyre mahnitëse dhe aftësia për t'i integruar ato në pothuajse çdo dizajn.

Kur gjithçka të jetë konfiguruar, thjesht kopjoni kodin dhe ngjisni atë në vendin ku duam të shohim bllokun përkatës.

Një tjetër opsion është Share42

Nëse opsionet e mëparshme nuk ju pëlqeu diçka, ekziston një mënyrë tjetër se si të vendosni butonat e mediave sociale në faqe. Ky është shërbimi share42.com. U emërua kështu, ndoshta sepse në kohën e krijimit kishte 42 butona për shërbime sociale, megjithëse për momentin janë 43 të tilla.

Unë nuk do ta përshkruaj procesin në detaje, sepse në sit gjithçka është rregulluar tashmë në formë udhëzime hap pas hapi... Ju nuk mund të ndryshoni dizajnin e këtyre ikonave, vetëm madhësinë. Megjithatë, ato duken mirë.

Ikonat që ju nevojiten, duhet t'i zgjidhni duke klikuar mbi to me miun. Unë gjithashtu do të doja të vëreja praninë e të tillëve mundësi interesante si duke shtuar në të preferuarat e shfletuesit, lidheni me rss dhe butoni "Up".

Atëherë mund të zgjidhni llojin e panelit: horizontal apo vertikal? Dhe nëse zgjidhet e dyta, atëherë numri i butonave mund të kufizohet. Unë rekomandoj ta lini kodimin në UTF-8. Ju gjithashtu mund të shtoni një ikonë të vetë shërbimit në grupin e butonave, në mënyrë që përdoruesit nga faqja juaj të mund të shkojnë tek ai dhe t'i vendosin vetë këta butona.

Gjithashtu nëse planifikoni të shtoni ikonën rss, atëherë është e domosdoshme të tregoni adresën e furnizimit tuaj dhe nëse dëshironi të tregoni numrin e klikimeve të butonave, dy kutitë e fundit duhet të shënohen.

Më poshtë janë 2 butona. E para ju lejon të hidhni një sy se si do të duken butonat social që keni konfiguruar. E dyta përdoret për të shkarkuar skenarin. Duhet të ngarkohet përmes ftp në faqen tuaj të internetit në dosje rrënjë.

Hapi tjeter specifikoni shtegun për në këtë dosje në faqen e shërbimit. Shpesh është e mjaftueshme për të zëvendësuar site.com me tuajin. Emri i domenit... Gjithçka, mbetet për të futur kodin, duke zgjedhur para këtij cms, në të cilin po funksionon burimi. Ku të futni kodin duhet ta kuptoni tashmë, shpresoj.

Nuk kam dyshim se ka disa shërbime normale ku mund të krijoni butona sociale, dhe ka vetëm shumë skripta dhe shtojca që i shtojnë ato. Sot kam renditur për ju opsionet më të mira, sipas mendimit tim.

Epo, sot kemi mësuar se si të shtojmë butona për rrjetet dhe shërbimet sociale në projektin tonë të internetit. Tani e juaja materiale të dobishme mund të ndahet automatikisht në rrjetet sociale nga lexuesit tuaj mirënjohës. Dhe kjo është e gjitha për mua.

Tendencat dhe qasjet moderne në zhvillimin e uebit

Mësoni algoritmin e rritjes së shpejtë nga e para në ndërtimin e faqes

pershendetje! Kohët e fundit unë në reagime pyeta se si të bëja të njëjtat butona të mediave sociale që janë instaluar në faqen time. Dhe vendosa të jap përgjigjen në artikull duke bërë një rishikim 6 sherbimet sociale... butonat për sitin.

Avantazhet dhe disavantazhet

Megjithatë, duhet theksuar se në disa raste vendosja e butonave mund të ketë disavantazhe të vogla. Konsideroni pse është e nevojshme të vendosni butonat e mediave sociale në blogun e krijuar, dhe gjithashtu merrni parasysh pozitiven kryesore dhe anët negative vendosja e ikonave të tilla.

Të metat

1. Shpejtësia e ngarkimit të faqes mund të ulet.
2. Me një fokus shumë të specializuar të projektit të internetit, mund të mos merrni efektin e dëshiruar.

Përmbledhje e shërbimeve të butonave të mediave sociale

Le të hedhim një vështrim në shërbimet më të njohura që mund të përdorni për të shtuar butonat e mediave sociale në faqen tuaj të internetit.

Është plotësisht shërbim falas e cila funksionon si më poshtë. Ai gjeneron automatikisht skenar i veçantë, me ndihmën e të cilit është e mundur që vizitorët e projektit të internetit të publikojnë lidhje me rrjetet sociale. Shërbimi duket si butona. Instalimi është shumë i thjeshtë dhe i përshtatshëm, dhe butonat e vendosur duken bukur në faqe.

Shërbimi ofron mbi treqind opsione për butona të ndryshëm! Ju mund të zgjidhni shumë thjesht ato që ju pëlqejnë më shumë.

Instalimi bëhet fjalë për fjalë me një klik. Ekziston një statistikë e tranzicionit.

1. 
   

   Ky është ndoshta një nga shërbimet më interesante në internet me të cilat është e mundur të gjenerohet një buton nga disa parametra: madhësia dhe pamja e jashtme... Përveç kësaj, ju mund të zgjidhni se si do të vendoset paneli me butona (horizontalisht ose vertikalisht). Ju gjithashtu mund të specifikoni kodimin. Pasi të zgjidhni të gjitha cilësimet e kërkuara, skripti i krijuar duhet të shkarkohet dhe të vendoset në projektin tuaj të internetit në vendin e kërkuar. Kryesisht menjëherë pas artikullit.

2. 
   

   Yandex ofron të zgjedhë në mënyrë të pavarur se cilat rrjete sociale do të shfaqen. Përdoruesi mund ta bëjë këtë thjesht duke vendosur kutitë e kontrollit përpara butonave që do të vendosen në bllok. Ju mund të modifikoni pamjen e tyre.

   Më pas, sistemi do të gjenerojë automatikisht kodin burimor, i cili do të duhet të instalohet në blogun tuaj. Përparësitë kryesore të këtij shërbimi përfshijnë faktin se skripti nuk vendos lidhje dalëse në blogun e krijuar. Është gjithashtu e mundur të lidhni Yandex.Metrica për të mbajtur statistika.

3. 
   

   Ky shërbim fton përdoruesit të vendosin butona shumë të bukur dhe me stil të rrjeteve sociale në faqen e tyre të internetit. Formulari i krijuar nga shërbimi përdor css dhe javascript. Forma e krijuar do të përshtatet në mënyrë të përkryer në hartimin e çdo projekti në internet. Butonat si janë bërë duke përdorur Teknologji moderne jquery. Lidhja është shumë e thjeshtë dhe nuk do të shkaktojë asnjë vështirësi as për fillestarët. Shkarkimi është shumë i shpejtë.

4. 
   

   Ky është një shërbim i dobishëm dhe plotësisht falas në internet që u ofron përdoruesve vendosjen e butonave në një mënyrë të tillë: në një rresht, rregullim në formën e një menuje rënëse, ikona të të gjitha shërbimeve në një rresht. Pas zgjedhjes së opsioneve të ekranit, shërbimi do të gjenerojë automatikisht një speciale kodi javascript, e cila do të duhet të vendoset në vendin e kërkuar në vend.

   Përveç kësaj, shërbimi tregon se si të shtoni kodin e krijuar në shabllone.

5. 
   

   Duke përdorur të këtij shërbimi, mund të shtoni shumë shpejt dhe me lehtësi butonat e nevojshëm në uebsajtin ose blogun tuaj. Për ta bërë këtë, duhet të plotësoni vetëm tre hapa të thjeshtë: zgjidhni vendin ku do të vendoset miniaplikacioni i krijuar, zgjidhni stilin e butonave dhe merrni kodin. Duke vendosur butona të tillë në blogun e krijuar, vizitorët do të mund të shtojnë materiale interesante në faqerojtësit dhe rrjetet tuaja sociale.

Pra, instalimi i butonave të mediave sociale për sitin është shumë i thjeshtë dhe nuk do të shkaktojë ndonjë vështirësi as për përdoruesit fillestarë të internetit. Opsionale, mund të vendosni ose butonat e të gjitha rrjeteve të disponueshme ose të zgjidhni vetëm disa rrjete të caktuara... Për ta bërë këtë, duhet të përdorni miniaplikacionet zyrtare ose të palëve të treta shërbimet online... Butonat më të njohur janë instaluar në blogjet personale, ose në lajme ose projekte argëtuese në internet. :)

P.S. Faleminderit per vemendjen. Çfarë shërbimi preferoni? Në pritje të komenteve tuaja. :)