Skenari i butonave social. Butonat e mediave sociale

Sepse unë nuk do ta rishpjegoj atë që shkruhet në të, por do të më duhet t'i referohem gjatë rrjedhës së artikullit.

Pra, le të fillojmë dhe të fillojmë me vetë JavaScript, ndoshta. Puna e skenarit në lidhje me banakun ndahet në dy pjesë:

• Një numërues duhet të shtohet në çdo buton nga rrjetet sociale kur faqja është e ngarkuar;
• Në ngjarje, klikoni në butonat për të ndryshuar numrin e aksioneve.

Për të zbatuar pjesën e parë të logjikës së skriptit, duhet të shtojmë metodën init ():

Init: funksioni (element) ($ (dokument) .ready (funksioni () ($ (element) .secili (funksioni (idx) (var countApiUrls = (twitter: "https://urls.api.twitter.com/1 /urls/count.json?callback=?&url= ", vk:" https://vk.com/share.php?act=count&index= "+ idx +" & url = ", facebook:" https: // graph .facebook.com /? kthim thirrje =? & ids = "); var pageUrl = $ .parseJSON ($ (element +" div: eq (0) "). attr ("data-share-data")). url ; if (pageUrl) (share.getCountLikes ($ (element) .find (". twitter"), countApiUrls.twitter, pageUrl, "twitter"); share.getCountLikes ($ (element) .find (". vk") , countApiUrls .vk, pageUrl, "vk"); share.getCountLikes ($ (element) .find (". facebook"), countApiUrls.facebook, pageUrl, "facebook"););));)); kthe false ;)

GetCountLikes: funksioni (kutia, apiUrl, pageUrl, lloji) (if (apiUrl && pageUrl) (nëse (tipi == "twitter") ($ .getJSON (apiUrl + pageUrl, funksioni (të dhënat) (var num = data.count | | 0; if (num> 0) (share.setCountLikes (kutia, num););)); if (lloji == "vk") ($ .getScript (apiUrl + pageUrl); nëse (! Dritarja. VK) (window.VK = ();); window.VK.Share = (numërimi: funksioni (idx, count) (var num = numërim || 0; nëse (num> 0) (share.setCountLikes (kuti, num ););));); nëse (lloji == "facebook") ($ .getJSON (apiUrl + pageUrl, funksioni (të dhënat) (var num = data.share || 0; nëse (num> 0) (share .setCountLikes (kutia, num););)););); kthen false;)

Metoda getCountLikes () merr 4 parametra:

• kuti - një mbështjellës për secilin nga butonat e rrjetit social;
• apiUrl - adresa API në të cilën bëhet thirrja;
• pageUrl - adresa e faqes për të cilën duam të marrim të dhëna;
• lloji - lloji i rrjetit social.

Ne përdorim metodën jQuery $ .getJSON () për të hyrë në url-në e krijuar = apiUrl + pageUrl. Në varësi të rrjetit social, marrim një përgjigje (kryesisht json) dhe e përpunojmë atë. Përjashtim është "Vkontakte", pasi me kërkesë marrim përpunimin e metodës VK.Share (), e cila shkakton një gabim natyror në faqen tonë, pasi ne nuk kemi një objekt VK, por me ndihmën e një "të thjeshtë" paterica nxjerrim rezultatin që na nevojitet.

Gjëja e fundit që na mbetet është të vizatojmë numrat në butona. Ne e zgjidhim këtë problem duke përdorur metodën e re setCountLikes (). Ky funksion merr dy parametra: specifikuesin e mbështjellësit dhe vetë numrin.

SetCountLikes: funksioni (kutia, numri) (kutia. shtoj (" "+ num +""); kthe false;)

Popup: funksioni (kutia, url) (var countBox = box.find (". Count"); if (! CountBox.length) (share.setCountLikes (kutia, 1);) other (countBox.text (parseInt (countBox. teksti ()) + 1);); dritare.hapur (url, "", "bari i veglave = 0, statusi = 0, gjerësia = 626, lartësia = 436"); kthe false;)

Shtuam një kuti të re parametrash, të përshkruar më parë, dhe së brendshmi, duke përdorur operatorin e kushtëzuar if (), e rritim numëruesin, në varësi të numrit të aksioneve të ndara më parë. Kjo plotëson vetë skriptin, natyrisht, ju gjithashtu duhet të përditësoni linjën në metodat twitter (), vk (), facebook ():

Share.popup (url);

Share.popup ($ kjo, url);

Tani, në lidhje me shënimin HTML, ne kemi ekzaminuar metodën init () më lart, dhe meqenëse kjo është pika e hyrjes / nisjes së skriptit, ne e quajmë atë në faqe pasi të lidhim skedarët:

Vlen gjithashtu të shtoni një hapësirë ​​me klasën e ikonës në butonin:

Ka pasur gjithashtu ndryshime të vogla në CSS. Shpresoj që deri në kohën që të lexoni këtë paragraf, ta keni shkarkuar tashmë arkivin me shembullin, nëse jo, atëherë shkarkoni dhe përdorni - gjithçka funksionon. Unë vetë e përdor këtë zgjidhje në disa projekte dhe nuk kam vërejtur ndonjë problem.

Përshëndetje miq! Sot artikulli do të jetë shumë i gjatë, por në të njëjtën kohë jashtëzakonisht i dobishëm. Pse vendosa të shkruaj këtë artikull? Fakti është se më pyesin vazhdimisht se si të bëj më shumë fansa në këtë apo atë rrjet social? Pse pak njerëz abonohen në faqen time në Facebook? Pse askush nuk e ndjek kompaninë në Twitter?

Pothuajse çdo kompani sot ka një faqe interneti dhe madje një blog. A keni një faqe interneti? Shpresoj keshtu! Nëse jo akoma, atëherë duhet të mendoni urgjentisht! Epo, me blogerët dhe pronarët e profesioneve liberale (konsulentë dhe përkthyes të pavarur), dhe kështu është e qartë, ata duhet të kenë adresën e tyre në internet - një faqe interneti. Miq, problemi është se pak faqe janë vërtet të optimizuara për rrjetet sociale. Ata mund të prodhojnë një ton përmbajtjesh shumë të dobishme dhe interesante, por askush nuk i sheh apo i dëgjon ato. SMO (optimizimi i mediave sociale)- A keni dëgjuar një term të tillë? Pra, i njëjti CMO (optimizimi i faqes për rrjetet sociale), askush nuk është i përfshirë. Por më kot! Ka një mori mënyrash që ekspertët dinë për të krijuar atë që thuhet, lëvizje në një faqe interneti. Manipulime të thjeshta + prania e ideve dhe kreativiteti mund të ndihmojnë ndjeshëm kompaninë tuaj në promovim. Këtë ju garantoj!

Kështu që më poshtë do t'ju them, si të instaloni butonat dhe miniaplikacionet zyrtare sociale në një faqe interneti... Këto do të jenë vetëm butona dhe miniaplikacione zyrtare - pa shërbime apo shtojca!

Rrjetet sociale janë përpjekur shumë dhe kanë krijuar një numër të madh të butonave dhe miniaplikacioneve të ndryshme. Askush nuk ka dëgjuar për shumë, megjithëse ato janë të disponueshme falas për të gjithë. Këtu do të shqyrtojmë vetëm ato më të nevojshmet dhe më efektive që do t'ju ndihmojnë të rrisni bazën tuaj të fansave, si dhe ta bëjnë shpërndarjen e artikujve tuaj dhe përmbajtjeve të tjera të thjeshtë dhe të lehtë për vizitorët e faqes suaj të internetit.

Nëse dëshironi të instaloni të njëjtat butona si në faqen time, atëherë shkruhet më shumë për këtë.

Zgjidhni social rrjet butonat e të cilit dëshironi të instaloni:

Llojet e butonave social

Para se të futemi në udhëzimet për instalimin e butonave, dua të tërheq vëmendjen tuaj për faktin se ekzistojnë lloje të ndryshme butonash:

Facebook, si mediat e tjera sociale. ka një përzgjedhje të madhe të butonave dhe miniaplikacioneve sociale. Secila prej tyre ka funksionin dhe qëllimin e vet. Në këtë seksion, ne do të shqyrtojmë vetëm ato më të përdorurat dhe më të nevojshmet. Të tjerat mund t'i shihni dhe testoni në faqen e zhvilluesve në Facebook.

Shënim: Le të arrijmë një marrëveshje menjëherë. Në përshkrimin e secilit seksion, unë do të jap një lidhje me faqen e zhvilluesve të socialit të konsideruar. rrjeteve. Në faqe të tilla, mund të gjeni lidhje me të gjithë butonat dhe miniaplikacionet ekzistuese. Prandaj, hapni menjëherë faqen e zhvilluesve në një skedë të veçantë dhe lexoni më tej këtë artikull.

Faqja e zhvilluesve në Facebook: https://developers.facebook.com/docs/plugins

butoni "Pëlqeje".

Si të instaloni?

Instalimi i butonit "Like" është shumë i lehtë! Duhet të shkoni në faqen e zhvilluesve në Facebook (siç ramë dakord, lidhja është në fillim të këtij seksioni). Përpara se të filloni të krijoni butona dhe miniaplikacione të reja, duhet të krijoni një aplikacion të ri në menynë "Aplikacionet". Kjo është një domosdoshmëri, sepse pa këtë Facebook nuk do t'ju lejojë të krijoni butona!

Nëse keni ndonjë problem me krijimin e një aplikacioni ose gjenerimin e skripteve, më tregoni në komente dhe unë do t'ju jap udhëzime edhe më të hollësishme se si të instaloni butonat.

Pra, për të vendosur butonin "Like" në faqen e zhvilluesve, në kolonën e majtë, klikoni në " Butoni i pëlqimit (rrjeti)«. Tani ju duhet të zgjidhni nga opsionet e ofruara nga Facebook për të marrë pikërisht widget-in që dëshironi.

1) Url për të pëlqyer- futni një lidhje në faqen, publikimin, faqen e uljes për të cilën krijoni butonin "Pëlqim". Mund të jetë çdo lloj përmbajtjeje, madje edhe një imazh ose video. Gjëja kryesore është që ju të siguroni një lidhje që përdoruesit do të ndajnë.

2) Gjerësia- Nëse keni hapësirë ​​të kufizuar për butonin, atëherë mund të specifikoni gjerësinë e miniaplikacionit në piksel. Vetë butonat janë të vegjël, por nëse zgjidhni butonat standardë, teksti zë shumë hapësirë. Unë do të flas për këtë në paragrafin tjetër.

3) Paraqitja- Pamje widget. Facebook ofron 4 opsione për të zgjedhur: standard (si në foto), me numërues të madh, me numërues të vogël dhe vetëm butona. Gjithçka varet nga shija juaj, stili i faqes, hapësira e disponueshme për butonat, si dhe dëshira për të treguar numëruesit (d.m.th., sa njerëz kanë klikuar mbi butonin).

4) Lloji i veprimit- lloji i veprimit, domethënë lloji i butonit që dëshironi të instaloni: "Pëlqe" ose "Rekomandoj". Kam shkruar në detaje për ndryshimet midis këtyre butonave - dhe në përgjithësi widget-ve në Facebook - në timin.

5) Trego fytyrat e miqve- nëse dëshironi që butonat t'i tregojnë vizitorit të faqes tuaj avatarët e miqve të tij që kanë klikuar tashmë në butonin "Pëlqe", atëherë kontrolloni këtë kuti. Nëse asnjë nga miqtë nuk e ka pëlqyer faqen, artikullin etj., atëherë Facebook nuk do ta shfaqë foton, por në tekst do t'i ofrojë përdoruesit të bëhet i pari që e ka pëlqyer. Nëse hapësira ju lejon, atëherë unë rekomandoj aktivizimin e këtij opsioni, pasi fytyrat e miqve kanë një efekt pozitiv në perceptimin e përmbajtjes nga lexuesi, duke rritur besimin e tyre dhe shpesh duke i shtyrë ata të klikojnë mbi butonin, qoftë edhe për solidaritet. .

Pasi të keni plotësuar të gjitha fushat, klikoni në butonin Merr kodin për të gjeneruar kodin që do të instaloni në sajt. Pjesa e parë e skenarit vendoset në etiketë faqe, dhe pjesa e dytë futet aty ku dëshironi të instaloni butonin.

Faqja duhet të hapet në Rusisht, por nëse, për ndonjë arsye të çuditshme, është në anglisht, atëherë mund ta ndryshoni gjuhën në krye të faqes.

Si të instaloni?

Butoni i Tweet-it

Një tjetër buton i njohur në Twitter është "Tweet", i cili lejon përdoruesit të ndajnë përmbajtjen tuaj me ndjekësit në Twitter.

Si të instaloni?

Të gjithë butonat e Twitter janë instaluar në faqen e zhvilluesve të përmendur më sipër. Procesi për të gjithë butonat është pothuajse identik - ne zgjedhim llojin e dëshiruar të butonit, plotësojmë parametrat dhe kopjojmë kodin, të cilin më pas e ngjitim në sit.

Butoni i hashtag-ut

Ky është një buton shumë interesant, për të cilin, jam i sigurt, pothuajse askush nuk e di. Unë personalisht nuk kam parë kurrë që dikush në RuNet ta përdorë atë. Megjithatë, është shumë i mirë për detyra të caktuara. Për shembull, një buton i tillë mund të përdoret për të promovuar çdo ngjarje, webinar, diskutime në Twitter nën një etiketë specifike, fushata marketingu, konkurse. Çdo gjë! Këtu ka shumë vend për kreativitet!

Është logjike nëse butoni "hashtag" është i instaluar në faqet që lidhen me këtë hashtag. Për shembull, le të themi se keni shkruar një artikull në lidhje me një artikull të ri që po pret për fansat në Twitter. Për të marrë pjesë në konkurs, duhet të përdorni një hashtag specifik. Duke përdorur një buton të tillë, ju e bëni jetën më të lehtë për një person, pasi klikimi mbi të do të hapë një tweet me hashtag-un e dëshiruar. Ai thjesht mund të shtojë pak tekst dhe të dërgojë një cicërimë për të notuar lirshëm. Dhe ai ndihet mirë, dhe ju do të keni një anëtar të ri. A nuk është e mrekullueshme? Me një fjalë, hekuri duhet të farkëtohet pa dalë nga arka, pra ndërsa lexuesi është nën emocionin e asaj që lexon. Dy minuta më vonë, ai shpërqendrohet dhe mund të harrojë fare atë që sapo lexoi.

Ndërsa imagjinata ime filloi, unë do të ndaj me ju një ide tjetër. Le të themi se po organizoni një ngjarje (në linjë ose jashtë linje). Për ta promovuar atë, ju krijoni një artikull ose faqe të veçantë kushtuar kësaj teme. Pikërisht aty, në tekst, futni butonin "Hashtag" dhe pranë tij futni një widget të veçantë që do të shfaqë, në kohë reale, të gjitha tweet-et që përdorin këtë hashtag. Pasi të keni parë diskutimin e përdoruesve të tjerë, ndoshta lexuesi juaj jo shumë aktiv do të jetë i gatshëm të marrë pjesë në të. Qëllimi këtu është të tërheqë vëmendjen e lexuesit për atë që po ndodh, ta përfshijë atë në diskutim dhe, natyrisht, ta mbajë atë në faqe.

Si të instaloni?

Butoni "Hashtag" është instaluar nga e njëjta faqe për të cilën kam shkruar më lart.

Butoni i përmendjes

Më në fund, do t'ju tregoj për një buton tjetër të mirë që askush, për fat të keq, nuk e përdor. Por më kot! Ky është, mund të thuhet, një cicërim i rregullt i drejtuar në një profil të paracaktuar. Mendoj se butoni është pak i përdorur sepse shumë nuk dinë si dhe ku ta instalojnë. Këtu janë disa shembuj që më vijnë në mendje. Nëse e dini që audienca juaj e synuar është në Twitter dhe e përdor në mënyrë aktive këtë rrjet social. rrjet, pse nuk i inkurajoni njerëzit që t'ju postojnë në Twitter direkt nga faqja? Mund të jetë një cicërimë për autorin e një artikulli, një cicërimë nga faqja Rreth nesh ose Kontaktet, një cicërimë direkt për ekipin mbështetës në Twitter, etj. A e shihni sa mundësi po humbisni për të rigjallëruar llogarinë tuaj në Twitter?

Nëse një person vjen në faqen tuaj, atëherë ai tashmë ka një lloj interesi për ju, kështu që ju duhet ta shtyni atë të veprojë tani. Mund të jetë shumë vonë në një minutë! Mjerisht, kanë ardhur momentet që harrojmë të bëjmë diçka shumë shpejt, pasi e kalojmë vëmendjen nga njëri tek tjetri çdo minutë. Dhe sa më i ri audienca juaj, aq më shumë manifestohet ky fenomen, ndaj mos harroni për ekzistencën e këtij butoni dhe përpiquni ta përdorni atë ku është e përshtatshme.

Si të instaloni?

Ne instalojmë butonin të gjithë nga e njëjta faqe. Nëse i keni lexuar udhëzimet për butonat e mëparshëm, atëherë të gjithë parametrat e butonit "Përmend" në Twitter duhet të jenë të qarta për ju.

Shihni më poshtë se si funksionon një buton i tillë. Mos harroni të më shkruani në Twitter se çfarë mendoni për këtë artikull 🙂 Është e rëndësishme për mua të di se çfarë mendojnë lexuesit e mi, kështu që do të doja të dëgjoja nga ju.

Shembull i një butoni "Përmend".

Widgets Twitter

Ne kuptuam butonat e Twitter. Tani do të doja t'ju tregoja shkurtimisht për miniaplikacionet zyrtare që ka Twitter. Skriptet për të gjitha miniaplikacionet, ju mund ta merrni këtë lidhje.

Widget-et janë të llojeve të mëposhtme:

• Widget i rregullt me tweetet më të fundit;
• Miniaplikacioni i kërkimit, i cili tregon rezultatet e kërkimit për një çelës të caktuar në kohë reale. Ky lloj miniaplikacioni është shumë i dobishëm për të kërkuar, për shembull, sipas hashtag-ut të markës suaj. Shihni një shembull të përdorimit të tij në butonin hashtag të Twitter;
• Miniaplikacioni i preferuar- tregon tweet-et që keni shtuar në të preferuarat tuaja. Ky lloj miniaplikacioni mund të përdoret, për shembull, për të treguar vlerësime pozitive për një kompani. Pse jo?
• Miniaplikacioni i koleksioneve- koleksionet janë diçka midis të preferuarave dhe listave. Ju mund të zgjidhni manualisht se cilat tweet do të përfshihen në koleksion. Vini re se çdo koleksion ka lidhjen dhe përshkrimin e vet. Kjo veçori përdoret shumë pak në Twitter, megjithëse është shumë interesante.
• Lista e miniaplikacionit tregon listat e profileve që keni krijuar. Edhe këtu mund të jeni kreativ dhe të bëni diçka interesante dhe të dobishme për lexuesin, e cila, në të njëjtën kohë, do t'ju sjellë dobi edhe juve. Po për një listë të partnerëve, llogaritë e kompanisë suaj (nëse ka shumë), një portofol llogarish në Twitter që menaxhoni (për agjencitë dhe përkthyes të pavarur), ose, për shembull, një listë anëtarësh në klubin tuaj? Përsëri, hapësira për kreativitet nuk është e kufizuar këtu.

Shembull i një widget të rregullt Twitter

Në kontakt me

Rrjeti social Vkontakte, si të tjerët, ka një grup të tërë butonash dhe miniaplikacionesh të ndryshme. Një listë e plotë e tyre mund të shihet në faqen e internetit të zhvilluesve: https://vk.com/dev/sites

Përsëri, unë do të kaloj vetëm më të rëndësishmit, përndryshe ky artikull nuk do të jetë një artikull, por një libër i tërë ... Unë mendoj se widget-et e VK do të jenë shumë më të lehta për t'u kuptuar, pasi faqja e internetit dhe i gjithë dokumentacioni i nevojshëm janë gjithashtu në rusisht.

butoni "Pëlqeje".

Si të instaloni?

Së pari ju duhet të shkoni në faqen e widget-it. Unë dhashë lidhjen me listën e miniaplikacioneve në fillim të seksionit Vkontakte.

Si të instaloni?

Për të futur miniaplikacionin e Komunitetit në sit, ju, para së gjithash, duhet të vendosni një lidhje në faqen ose grupin tuaj në Vkontakte. Më pas, ju zgjidhni nëse dëshironi që miniaplikacioni të shfaqë fytyrat e anëtarëve të grupit ose fansave të faqes, si dhe lajmet më të fundit nga faqja, ose dëshironi një shtesë të thjeshtë me një buton "Pëlqeje". Meqenëse miniaplikacioni VK është shumë i ngjashëm me Facebook, rekomandimet për llojin e shtojcës mbeten të njëjta. Nuk do ta përsëris veten, kështu që nëse jeni të interesuar, shihni seksionin e shtojcave të Facebook.

Më pas janë parametrat që lidhen me madhësinë dhe pamjen e shtojcave. E gjitha varet nga paleta e ngjyrave të faqes tuaj dhe hapësira e disponueshme për shtojcën. Në parim, ju mund të zgjidhni çdo ngjyrë, por megjithatë rekomandohet të ruani paletën origjinale të ngjyrave, pasi ngjyra të tilla janë më të njohura për përdoruesit dhe nuk i frikësojnë ata. Dhe së fundi, arritëm në pikën e fundit - futim kodin në sit. Siç e mbani mend, pjesa e parë e kodit shkon në etiketë faqet, dhe pjesa e dytë në vendin ku do të qëndrojë shtojca.

Kohët e fundit, kam krijuar një faqe në blog "Rreth SMM" në Vkontakte. Prandaj, nëse doni të merrni përditësimet më të fundit në këtë rrjet social. rrjet, pastaj bashkohu!

Shembull i shtojcës "Komuniteti" Vkontakte

Abonohu ​​në miniaplikacionin e autorit

Ashtu si shtojca e saj me emër të ngjashëm në Facebook, kjo miniaplikacion rekomandohet për këdo që kërkon të zhvillojë markën e tij personale. Nëse jeni, për shembull, një autor libri ose blogu, gazetar, avokat, agjent imobiliar, etj., pse të mos instaloni një buton të tillë në faqen tuaj të internetit? Është më e lehtë për blerësit potencial të krijojnë kontakte me një person real sesa, për shembull, me një faqe ose grup, pas të cilit nuk është e qartë se kush qëndron prapa. Kështu jemi rregulluar, një person është një krijesë shoqërore dhe ne e duam kontaktin personal, prandaj, një widget i tillë do të jetë i dobishëm për çdo profesionist, në cilëndo fushë që punoni.

Si të instaloni?

Instalimi i tij është aq i lehtë sa granatimi i dardhave! Shkoni në faqen e widget-it në VK dhe shkruani adresën e profilit tuaj. Më pas, zgjidhni cilin buton dëshironi të instaloni. E përsëris edhe një herë se është e dëshirueshme të instaloni vetëm butona përmes një skripti (për shembull, një buton ose një buton dritë). Nëse ju duhet vetëm një lidhje, atëherë është më mirë ta bëni atë përmes kodit HTML, në mënyrë që të mos mbingarkoni faqen me skripta, pa të cilat mund ta bëni shumë lehtë. Efekti do të jetë i njëjtë dhe faqja do të ngarkohet më shpejt.

Pajisje të tjera të Vkontakte

Djema, më lart kam renditur miniaplikacionet më të zakonshme dhe efektive VK, por lista nuk është e kufizuar vetëm në këtë. Vkontakte gjithashtu ka një grup të tërë miniaplikacionesh të ndryshme që mund të jenë të dobishme në një situatë të caktuar. Për shembull, Miniaplikacioni i sondazhit, të cilin pothuajse askush nuk e përdor. Nëse keni krijuar një sondazh në faqen tuaj VK, atëherë pse të mos e futni në një artikull mbi temën? Lexuesit e faqes tuaj do të jenë në gjendje të votojnë për versionin e tyre pikërisht në faqen tuaj, dhe informacioni për këtë do të shkojë gjithashtu në VK. Jo keq, apo jo?

Ekziston edhe një interesante Miniaplikacioni i rekomandimeve që sjell artikujt më interesantë në blogun ose faqen tuaj të internetit. Shkalla e interesit për një përmbajtje të caktuar përcaktohet nga numri i klikimeve në butonin "Pëlqe". Shkurtimisht, Vkontakte do të numërojë automatikisht sa përdorues kanë klikuar në butonat "Pëlqeje" dhe do të mbledhë të gjithë artikujt më interesantë në këtë bllok. Nëse audienca juaj e synuar është e përfaqësuar mirë në mediat sociale. rrjetet Vkontakte, duhet të provoni dhe të instaloni këto dy miniaplikacione: "Like" dhe "Rekomandime". Jam i sigurt se rezultatet nuk do të vonojnë!

LinkedIn

Tani le të flasim për - LinkedIn. Ky rrjet po rritet vetëm në popullaritet tek ne, kështu që jo shumë njerëz ende e kuptojnë se si mund të përdoret për të arritur rezultate pozitive. Në Amerikë, prej nga vjen ky rrjet, pak profesionistë apo kompani nuk kanë një profil LinkedIn. Aty do të të shikojnë shtrembër, nëse të paktën nuk je i regjistruar në rrjetet sociale. rrjeteve. Në Evropë, përdorimi i social. rrjeti është shumë i ndryshëm në varësi të vendit. Për shembull, MB dhe Suedia janë liderë në përfshirjen e LinkedIn në strategjitë e tyre të marketingut. Ata jo vetëm që rekomandojnë që punonjësit të kenë profile në internet, por gjithashtu punësojnë njerëz përmes LinkedIn, reklamojnë kompani dhe produkte, kërkojnë drejtues dhe partnerë, dhe më shumë.

Por sot nuk po flasim për këtë. Ne do të flasim për shtojcat sociale që LinkedIn ka zhvilluar për ne dhe ku dhe si mund të përdoren ato. Mos nxitoni të thoni se nuk jeni të interesuar për këtë rrjet! Dhe nëse punoni në fushën e konsulencës, b2b, atëherë thjesht duhet ta lexoni këtë pjesë.

Pra, LinkedIn, si të gjitha mediat sociale. rrjeteve, ka një faqe të veçantë ku mund të shihni të gjithë butonat dhe shtojcat ekzistuese: https://developer.linkedin.com/plugins

Faqja e zhvilluesve, për fat të keq, ekziston vetëm në anglisht, kështu që unë do të përpiqem të shpjegoj sa më hollësisht instalimin e çdo shtojce dhe butoni.

Si të instaloni?

Si të instaloni?

Butoni "Subscribe" është instaluar nga e njëjta faqe e zhvilluesve, lidhjen për të cilën dhashë në fillim të seksionit. Në kolonën e majtë, klikoni në " Ndiqni shoqërinë»Dhe LinkedIn do t'ju tregojë seksionin që dëshironi. Së pari, zgjidhni llojin e butonit që dëshironi të instaloni: me një numërues vertikal ose horizontal ose ndoshta më të zakonshmin dhe klikoni mbi Merre atë... Më pas, duhet të vendosni emrin e kompanisë për të cilën po instaloni butonin. Në kolonën përkatëse, filloni të shkruani emrin, shkronjë për germë dhe duhet të shfaqet në listë. Ndonjëherë lista kërkon shumë kohë për t'u ngarkuar, kështu që merrni kohën tuaj. Emri duhet të shkruhet saktësisht siç është shkruar në faqen e kompanisë. Pastaj zgjidhni gjuhën e butonit - Rusisht, llojin e butonit dhe klikoni në butonin " për të marrë kodin". Tani thjesht ngjisni kodin kudo që dëshironi në faqe dhe keni mbaruar! Në rusisht, nga rruga, butoni do të quhet "Track", gjë që nuk më pëlqen shumë. Unë personalisht do të lija versionin anglisht. Për fat të mirë, të gjithë e dinë tashmë se çfarë do të thotë fjala "ndiq" 🙂

Unë nuk kam krijuar ende një faqe kompanie në LinkedIn, kështu që nuk ka ende një shembull të vërtetë. Nëse bëj një faqe në të ardhmen, do ta fus patjetër si shembull në artikull.

Butoni i Profilit Personal

Ky është një tjetër shtojcë e mirë, por përsëri e pashfrytëzuar. Ky buton shfaq foton e profilit personal, titullin dhe tregon miqtë e përdoruesit që e shohin këtë shtojcë. Sigurisht, në mënyrë që LinkedIn të tregojë lidhje profesionale me lexuesin e faqes tuaj, ai - lexuesi - duhet të jetë i regjistruar (nëse mund të them kështu) në LinkedIn. Me pak fjalë, përdoruesi duhet të jetë i identifikuar në LinkedIn që shtojca të funksionojë plotësisht.

Për kë është i dobishëm kjo shtojcë? Unë mendoj se për njerëzit që punojnë në sektorin b2b, do të jetë më e dobishme. Edhe pse mund ta përdorni kudo: në faqen në lidhje me autorët e faqes, në faqen në lidhje me punonjësit e kompanisë, në faqet në lidhje me klientët dhe partnerët tuaj (me lejen e tyre, sigurisht) - ka shumë opsione. Gjëja kryesore është që butona të tillë të profilit të përshtaten organikisht në faqen tuaj të internetit dhe strategjinë e kompanisë. Nëse punonjësit tuaj kanë profile të përgjysmuara, hyjnë në LinkedIn një herë në vit dhe kanë 10 lidhje, atëherë nuk ka kuptim të shfaqni profile të tilla. Nëse, përkundrazi, kompania juaj po promovon në mënyrë aktive në rrjetet sociale. rrjet, një shtojcë e tillë mund të jetë me përfitim të madh për ju.

Butoni +1

Si të instaloni?

Si të instaloni?

Të gjithë butonat dhe miniaplikacionet Pinterest janë instaluar nga lidhja e mësipërme. Për të instaluar butonin "Pin it", duhet të zgjidhni butonin përkatës në kolonën e majtë.

Butonat e Pinterest janë pak të ndërlikuar për t'u konfiguruar pasi kanë shumë opsione të ndryshme, por është ende mjaft e mundur t'i vendosni vetë.

1) Në rreshtin e parë " Lloji i butonit»Mund të zgjidhni llojin e butonit që dëshironi të instaloni në sajt: një imazh të caktuar, çdo imazh nga faqja ose butonin Pin it që do të shfaqet në imazhet e faqes / artikullit.

2) Rreshti i dytë është " Paraqitja", Kjo është, lloji i butonit. Këtu, Pinterest ofron shumë opsione për të zgjedhur: të mëdha ose të vogla; drejtkëndëshe ose të rrumbullakëta; e kuqe, gri ose e bardhë; tekst në anglisht ose japonisht.

3) Rreshti i tretë është numëruesi. Këtu mund të zgjidhni banakun nga lart, nga ana ose ta hiqni plotësisht.

Në varësi të llojit të butonit që zgjidhni, opsionet e tij do të ndryshojnë.

• Butoni " Një imazh»Do të thotë që ju dëshironi të vendosni një imazh specifik që lexuesi i faqes mund të vendosë për një lidhje specifike. Kjo do të thotë, lexuesi nuk do të ketë zgjidhje, edhe nëse ka imazhe të tjera në faqen tuaj. Nëse vendosni të vendosni një imazh për një buton, atëherë një buton i tillë duhet të instalohet veçmas në secilën faqe, pasi kërkon një lidhje me faqen / artikullin. Në kolonën e parë, duhet të futni një lidhje në faqen që përdoruesit do të ndajnë, domethënë lidhjen që ata do të hapin. Tjetra, jepni një lidhje me imazhin. Nga rruga, ky mund të jetë çdo burim, madje edhe jashtë faqes tuaj. Në kolonën e fundit, mund të specifikoni tekstin për imazhin që përdoruesi do të ndajë. Ky mund të jetë, për shembull, titulli i një faqeje ose titulli i një artikulli. Përpara se të dërgoni pinin, përdoruesi, nëse dëshiron, mund të zëvendësojë tekstin tuaj me të tijin.
• Butoni " Çdo imazh“Ose ndonjë imazh. Ky buton është shumë i thjeshtë dhe nuk kërkon ndonjë parametër shtesë. Thjesht duhet të zgjidhni madhësinë dhe llojin e butonit, dhe gjithashtu të vendosni nëse keni nevojë për një numërues apo jo.
• Butoni " Rri pezull imazhi", domethënë, një buton që do të shfaqet në vetë imazhin kur kursori i miut rri pezull mbi të. Mund të provoni se si funksionon kjo me imazhin e mostrës së Pinterest.

Tani disa fjalë për kodin të cilin duhet ta instaloni në faqe. Pinterest, si mediat e tjera sociale. rrjeti, ka dy kode: pjesa e parë futet në etiketë , dhe pjesa e dytë në vendin ku është instaluar vetë butoni. Nëse keni shumë butona Pinterest në të njëjtën faqe, atëherë duhet të instaloni kodin e parë vetëm një herë.

Një shembull i një pjese kodi që vendoset vetëm një herë për etiketë faqet:.

Butoni i abonimit

Pinterest, si Google+, nuk bën dallime midis llogarive personale dhe llogarive të kompanisë, kështu që butoni Subscribe për të dyja krijohet në të njëjtin vend. Ky buton është shumë i lehtë për t'u instaluar. Gjithçka që duhet të bëni është të futni lidhjen e profilit tuaj dhe të emërtoni butonin.

Siç shkrova më lart, nuk jam në gjendje të fus butonat Pinterest për shkak të një konflikti skripti, kështu që nëse doni të miqësoheni me mua në Pinterest, thjesht ndiqni këtë lidhje.

Bonus: hiperlidhje

Më poshtë, unë do të jap shembuj se si krijohen me dorë lidhje të tilla. Mund të provoni gjithashtu një gjenerator të dedikuar lidhjesh - Share Link Generator. Në këtë faqe, ju mund të krijoni lidhje për Facebook, Twitter, Google+, Pinterest dhe LinkedIn. Do të jetë e lehtë për të kuptuar faqen, kështu që nuk do të shpjegoj se çfarë dhe si. Megjithatë, shikoni këshillat e mia, pasi gjeneruesi i lidhjeve nuk ofron një lidhje të plotë për formatin e kodit HTML +, si ta hapni lidhjen në një dritare të re. E gjithë kjo plus shembuj të lidhjeve sociale. Rrjetet Vkontakte, do t'i gjeni në këtë seksion.

http://www.facebook.com/share.php?u= lidhjen tuaj «> teksti i hiperlidhjes

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ë çudi që webmasterët po kërkojnë të zgjerojnë praninë e tyre në mediat sociale me çfarëdo mjeti që munden. 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 shërbimet më 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ë shërbimeve sociale të zgjedhura - 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ë një mjet mjaft i fuqishëm për promovimin e çdo projekti.

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

Duke bashkuar një grup butonash social. Mund të zgjedhë shfaqur shërbimet e rrjeteve sociale, forma dhe stili i butonave.

Këtu mund të aktivizoni gjithashtu butonin "Up", të aktivizoni mbështetjen për pajisjet celulare, të 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.

Në llogarinë tuaj 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 etiketa 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ë.

Me plotësimin e saktë të meta etiketave sociale, postimet do të perceptohen saktë nga shërbimet sociale, sepse ato tregojnë llojin e materialit, një titull përkatës dhe një lidhje me foton 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 me e-mail dhe të bëjnë një faqeshënues 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 të 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. Instalim shumë i lehtë. Mjafton të futni kodin html të bllokut në kodin burimor të faqes së internetit, të ngarkoni sprite, të shtoni stile css dhe instalimi përfundon. 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, bëni një kopje rezervë të skedarit single.php!

Hapja e panelit të administrimit të 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 dhe mbylljes së kundërt të php. Në kod i shënova me të kuqe. Ky është truku i futjes së kodit html në php, nëpërmjet funksioneve të temave.

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, ju mund ta bëni këtë hap fillimisht, por unë preferoj të bëj të gjithë punën e vështirë teknike në fillim dhe vetëm pas kësaj të filloj me gjërat e 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.share përcakton pamjen e përgjithshme të bllokut, madhësinë e secilit buton, mbushjen 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 ekzekutohen si një sprite css dhe çdo buton ka një gjerësi dhe lartësi prej 40 px, me një mbushje 2px midis tyre, e cila ju lejon 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, këto vlera tregohen në 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 futeni në faqet e internetit 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.

Ka shumë mënyra për të shtuar butonat e mediave sociale në faqe tani, ka një zgjedhje dhe është e kënaqur. Butonat social luajnë një rol të rëndësishëm në faqe, me ndihmën e tyre, siç e dinë tashmë shumë, mund të ripostoni shpejt çdo postim në një nga rrjetet sociale të zgjedhura. Butonat social për faqen tani po vendosen kudo dhe kudo, por ndonjëherë në vendin e gabuar.

Butonat social për sitin

Shumë e dinë tashmë se sa të zhvilluara janë rrjetet sociale tani dhe sa e mrekullueshme është nëse faqja juaj e internetit ka butona të tillë që mund t'i përdorni për të shtuar një postim që ju pëlqen ose një pjesë të një postimi në mur. Me këtë veprim, ju jo vetëm komentoni ose ripostoni mesazhe, por gjithashtu u jepni një sinjal shtesë motorëve të kërkimit.

Ëndrra e çdo pronari të faqes, nëse të gjitha postimet e tij do të ripostohen nga lexuesit në faqet e tyre në një nga rrjetet sociale. Në ditët e sotme kërkesa më e madhe është për Vkontakte, Facebook, Twitter dhe Odnoklassniki. Do të shtoja gjithashtu LiveJournal, liveinternet dhe Blogger. Është e dëshirueshme të shtoni këto butona në faqe për lehtësinë e plotë të përdoruesit.

Twitter veçanërisht meriton gjithnjë e më shumë vëmendje sot, me ndihmën e tij publikimet tuaja të reja shfaqen më shpejt në indeksin e motorëve të kërkimit.

Nëse jeni pronari i faqes, ka shumë të ngjarë të keni një llogari në internet ose LiveJournal. Për të mos shtuar çdo herë hyrje të reja në këto shërbime, prania e butonave të tyre kursen kohë. Përveç kësaj, shumë njerëz i përdorin këto shërbime dhe gjithashtu mund të dëshirojnë të ripostojnë hyrjen tuaj në ditarin e tyre.

Ka disa mënyra më të mira për të shtuar shpejt butonat social në faqen tuaj të internetit. Kjo mund të bëhet duke përdorur shërbime online që do t'ju ndihmojnë shpejt dhe lehtë me këtë. Ose drejtpërdrejt përmes secilit rrjet social veç e veç. Tashmë ka një zgjedhje për të gjithë. Më parë, butonat shtoheshin veçmas përmes secilit rrjet social, tani i instalova duke përdorur shërbimin.

Ekziston një shërbim i tillë i ngjashëm, quhet aksion42... Për të është shkruar shumë material, sa i mirë është dhe si duhet përdorur. Mirë, por për përdoruesin mesatar që nuk kupton asgjë për këtë, do të jetë e vështirë të merret me të.

Për një mësim kaq të vogël, kopjimi i dosjeve në host dhe më pas djersitja me stile, tani nuk sundon më. Ka mundësi të tjera në të cilat duhet të kopjoni dhe ngjisni kodin e gatshëm pa ndonjë dosje shtesë. Pra, harrojeni këtë shërbim.

Shtoni vetëm butonat më themelorë të mediave sociale, të cilët përdoren nga shumica, mos skalitni dhjetëra butona të panevojshëm të harruar.

Çfarë mund të përdorni sot për të shtuar butona sociale për sitin:

1. Shërbim i këndshëm.
2. Butonat social Yandex.
3. Shtimi manual i secilit rrjet social veç e veç.
4. Shërbimi Pluso.
5. Përdorimi i shtojcave të WordPress (për dembelët).

Ndoshta nuk ka nevojë të futesh askund tjetër, nuk ka mënyrë më të mirë për ta gjetur atë. Secila prej këtyre opsioneve është e mirë në mënyrën e vet. Nëse dini një mënyrë më të përshtatshme ose tërheqëse, ju lutemi shkruani në komente.

Butonat e mediave sociale duhet të futen në fund të çdo artikulli, në mënyrë që pas leximit, vizitori i faqes, nëse dëshiron, të ripostojë hyrjen tuaj. Nuk duhet t'i kërkojë diku në fund të faqes. Vendet më optimale, për mendimin tim, ku duhen vendosur butona të tillë janë në shiritin anësor dhe menjëherë në fund të çdo postimi.

I pëlqyeshëm

Në momentin që unë vetë përdor këtë shërbim, më pëlqeu. Përveç komoditetit, shërbimi uptolike ka disa privilegje ndaj të tjerëve të këtij lloji.

• Gama e gjerë e butonave të mediave sociale;
• Butonat janë përshtatur për pajisjet mobile;
• Aftësia për të cituar ndonjë pjesë të tekstit në rrjetin social;
• Mund të shtoni një buton në krye;
• Mundësia e shtimit të një dritareje pop-up për t'u abonuar në grupin Vkontakte;
• Zgjedhja e madhësisë së ikonave;
• Zgjedhja e një stili ikonash për sitin;
• Shto efektin hover;
• Ndrysho sfondin e butonit, ngjyrën e tekstit, sfondin e kundërt;
• Rritni ose ulni tekstin në numërues.

Ka mjaft privilegje ndaj shërbimeve të tjera të tilla për ta përdorur atë. Kjo shton vetëm një kod të vogël në formën e një skripti dhe disa rreshta me stile. Në të njëjtën kohë, nuk ka asnjë lidhje të jashtme, e kontrollova atë përmes shërbimit të lidhjeve dalëse. Nëse e kam gabim, mund të më korrigjoni.

Për më tepër, çfarë tjetër mund të bëjë shërbimi i përshtatshëm.

Cilësimet më të rëndësishme. Ne zgjedhim se cilët butona social për sitin dëshironi të shihni. Nëse është e nevojshme, mund të hapni listën dhe të zgjidhni disa të tjera nga shumica. Ne vendosëm një shenjë në mbështetje. Pas kësaj, në telefonat celularë, butonat e mediave sociale do të shfaqen gjithmonë në fund të ekranit.

Zgjedhja e pozicionit horizontal të butonave, madhësisë dhe stilit. Dekoroni si të doni dhe shtoni një efekt hover. Ju nuk keni nevojë të bëni asgjë tjetër. Për të gjeneruar një kod numërues, duhet të specifikoni adresën e faqes dhe kutinë postare. Menjëherë pas kësaj, do të shfaqet një kod për të futur butonat socialë në sit.

Nëse keni një faqe WordPress, hapni skedarin single.php dhe ngjisni kodin e përfunduar menjëherë pasi të përfundojë përmbajtja e faqes. Ne rifreskojmë faqen dhe shohim se çfarë ka ndodhur. Nuk ka asgjë të komplikuar.

Yandex.

Zgjedhja e ikonave të shërbimit të kërkuar. Twitter është i disponueshëm vetëm në formën e ikonave, pa numërues. Ne zgjedhim pamjen e blloqeve dhe më poshtë do të ketë një kod të integruar të gatshëm. Siç u përmend më herët, ne nuk shtojmë asgjë tjetër në Yandex, gjithçka është modeste dhe me shije.

Metoda e shtimit manual

Në këtë metodë, ju duhet të hapni çdo rrjet social veç e veç dhe të konfiguroni secilin buton të ripostimit veç e veç. Për të shtuar një buton facebook, duhet të shkoni këtu... Për shokët e klasës dhe botën time, më duhet të shtoj të dhëna. Për Twitter, gjithçka ndodh në. Për të shtuar një buton Vkontakte, shkoni te kjo faqe .

Do të keni një kod të gatshëm vetëm nga rrjetet sociale, pa asnjë skript të panevojshëm. Ndoshta mënyra më e mirë për të shtuar butonat e mediave sociale në një faqe interneti. Vështirësia lind në faktin se ju duhet të prisni secilin buton veç e veç, pastaj të futni gjithçka në një vend dhe të përdorni stilet css për t'u lidhur në një kolonë. Nëse nuk keni ndonjë vështirësi me këtë, mund të provoni.

Në kontakt me

Për të shtuar një buton Vkontakte, klikoni Lidhni faqet dhe miniaplikacionet, më poshtë do të ketë një listë të plotë të të gjitha shtesave të mundshme. Ekziston gjithashtu mundësia për të shtuar komente në faqe, për të postuar në mur, për të shtuar grupin tuaj, rekomandime, sondazhe, për të abonuar autorin dhe për të publikuar lidhje. Në rastin tonë, zgjidhni Publikoni lidhjet.

Nuk ka asgjë të komplikuar, ne zgjedhim stilin e butonit (me ose pa numërues), shkruajmë tekstin në buton, opsionin e logos dhe më poshtë do të ketë një kod të gatshëm embed. Unë e kam përdorur vetë këtë metodë të shtimit manual, por aktualisht po provoj një shërbim të palës së tretë. Le të shohim se çfarë ndodh. Nëse nuk jeni të kënaqur, do t'i kthehem menjëherë metodës manuale.

Pluso

Një mënyrë tjetër për të shtuar butona për faqen duke përdorur Shërbimi Pluso... Shërbimi është gjithashtu i mirë, shumë kanë vënë re butonat prej tij. Zgjedhja e opsioneve të projektimit është e madhe, përveç amatorit ka madhësi të mëdha imazhi. Aftësia për të shtuar rrjete nuk është aspak inferiore në krahasim me shërbime të tjera të ngjashme. Asnjë skedar nuk kërkohet për t'u instaluar, vetëm kod.

Ne zgjedhim çdo stil dizajni dhe shtojmë shërbimet e nevojshme. Pak më poshtë, do të tregohet një shembull i gatshëm se si do të duket e gjithë kjo në faqe. Ju mund të zgjidhni madhësinë e ikonave të mëdha, të mesme ose të vogla. Gjithashtu ikona katrore për sitin ose të rrumbullakëta, në një rresht ose në dy rreshta, horizontale ose vertikale. Me ose pa një numërues, pa sfond, ose vendosni një sfond që të përputhet me dizajnin e faqes suaj të internetit.

Pas gjithë këtyre veprimeve, do të ketë një kod të gatshëm për t'u futur në faqen më poshtë. Nëse keni nevojë për të futur në faqen kryesore, ne futemi në skedarin index.php, nëse në të gjitha postimet tuaja, shtoni kodin në skedarin single.php menjëherë pas përfundimit të postimit.

WordPress

Nëse nuk kuptoni asgjë në këtë kod, çfarë të kopjoni ku dhe si funksionon gjithçka, ka një rrugëdalje. Nëse keni një motor WordPress, mund të instaloni një shtojcë që do t'ju japë butona të mediave sociale. Sot ka vetëm shumë shtojca të tilla. Shkoni te paneli i administratorit - Shtojcat. Mund të shkruani menjëherë në kërkimin e shtojcave "butonat sociale", "sociale" ose "VKontakte". Unë jam i sigurt se do të gjeni diçka.

Midis shumicës së shtojcave të tilla të ngjashme të WordPress, duke parë vlerësimin, këto janë më të favorizuarat:

1. Butonat e ndarjes sociale për WordPress.
2. Sociale.
3. Pendë e mediave sociale - butona të lehta për ndarjen dhe ndjekjen e mediave sociale.

Në fakt, ka shumë shtojca të tilla të ngjashme, ju duhet të instaloni dhe të zgjidhni se cila ju pëlqen më shumë, funksionon siç duhet, çfarë tregon dhe si mund ta personalizoni për veten tuaj. Le të marrim një shembull të shtojcës së parë të tillë, Social Share Buttons për WordPress.

Vetë shtojca është në Rusisht, nuk do të ketë probleme me këtë. Pasi të instalohet, një buton i ri "Share Buttons" do të shfaqet në anën e majtë të menusë. Në cilësimet kryesore vendosim logon e faqes dhe shkruajmë tekstin përpara butonave social.

Sigurohuni që të përfshini gjenerimin e meta të dhënave, titulli dhe përshkrimi i faqes do të përfshihen. Vendosni butonat horizontalisht dhe zgjidhni ku do të jenë. Ne zgjedhim vetëm në postime. Mund të përjashtoni opsionalisht faqet e kërkuara. Në fund, duhet të specifikoni një pseudonim në triter.

Në skedën tjetër Cilësimet e ndarjes, ne zgjedhim stilin e butonave. Më poshtë mund të aktivizoni ose çaktivizoni rrjetet sociale të panevojshme dhe të shtoni dhëmbëza për të gjithë bllokun në krye ose në fund. Nuk keni nevojë të vendosni askund kod shtesë, shtojca do të bëjë gjithçka për ju.

Zgjedhja është e juaja, cila metodë do të përdorni. Shtoni ikonat e mediave sociale përmes uptolike, Pluso ose Yandex. Ju nuk duhet të instaloni menjëherë shtojcën në WordPress, përpiquni të bëni gjithçka me dorë ose duke përdorur një shërbim.

Nëse dini ndonjë shërbim tjetër të mirë ose një mënyrë për të shtuar butona sociale për faqen, do të isha mirënjohës për komentin tuaj.