Do-it-yourself na mga social button na walang mga serbisyo ng third-party. Sariling mga social button Ibinabahagi ng mga serbisyo sa mga social network

Kung natatakot ka na pinapanood ka sa Internet, patayin ang iyong computer.

Ang bawat webmaster, maaga o huli, ay nag-iisip tungkol sa pag-install ng mga social button sa kanyang website. Pagkatapos ng lahat, ngayon ang ilang mga tao ay hindi maisip ang kanilang buhay nang walang mga social network, bakit ipagkait sa kanila ang kanilang kakayahang ibahagi ang iyong mga artikulo? Ngunit sa paglipas ng panahon, maraming mga serbisyo ng social button ang nawawalan ng isipan at ginagawa ang gusto nila sa kanilang mga code, na nagsisiksikan sa lahat ng hindi kailangan. Para sa paranoid na ideyang ito na sa artikulong ito ay makakahanap ka ng mga code para sa pinakamalinis na mga button sa pagbabahagi ng social network para sa iyong website.

Hindi lihim na halos lahat ng mga serbisyo ng social button ay naglalabas ng impormasyon tungkol sa iyong mga user saanman nila ito kailangan. Diyos ko! hindi pwede! ngayon ko lang nalaman ang tungkol dito! - Binabati kita! Kailangan ka nilang gamitin kahit papaano, para sa kanilang trabaho at pagsisikap. Gumawa sila ng magagandang serbisyo, na may mahusay na pag-andar, kaginhawahan at "kalidad". Ang kailangan mo lang gawin ay piliin kung ano ang kailangan mo at ilagay ang code kung saan mo ito kailangan. Iyon lang. At ano ang pakinabang para sa kanila na gawin ang gayong mga maniobra sa Internet nang libre? Tama. Hindi. Kaya paminsan-minsan, ang bawat naturang opisina ay nahuhuli sa paglalaglag ng data sa ilang DMP.

Hindi ko ilarawan ang bawat isa sa mga serbisyong ito; Nag-compile ako ng maikling listahan sa ibaba.

Listahan ng mga pinakasikat na serbisyo ng social button para sa site

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

Kung wala kang sapat na oras, o tamad kang gumawa ng higit sa ilang paggalaw ng mga kamay at phalanges ng mga daliri, maaari mong ligtas na gamitin ang mga serbisyong ito. Ang mga ito ay mahusay para sa mga website pati na rin sa mga bisita. Ngunit walang gumagarantiya ng 100% na seguridad ng data ng user, 100% na operasyon ng kanilang DNS at paglo-load ng iyong mga site. Yung. Kung may pagkabigo sa mga server ng mga social button, ang iyong mga site ay maglo-load nang mas mabagal kaysa karaniwan. Oo, bihira itong mangyari, ngunit nangyayari ito. Siyempre, maaari mong i-install ang asynchronous na pag-load ng mga script na ito at i-optimize ang kanilang trabaho, ngunit ito ay higit pa sa ilang hakbang na isinulat ko para sa mga tamad.

Siyempre, may mga social media code sa Internet na inilalagay sa loob ng iyong website at hindi naglalabas ng impormasyon kahit saan, ngunit marami sa mga ito ay naglalaman ng mga panlabas na link sa parehong mga social network na ito. Hindi gusto ng mga webmaster ang mga panlabas na link, at samakatuwid, para sa pinaka-paranoid na mga webmaster, nakolekta ko ang mga handa na code batay sa goodshare.ru script, kung saan talagang pinasasalamatan ko sila.

Ang isang halimbawa ng pag-install ng code na ito ay hindi para sa mga hindi alam ang mga pangunahing kaalaman ng HTML o CSS, ngunit kung mayroon kang mga kamay at kaunting oras, magtatagumpay ka kung mahigpit mong susundin ang mga tagubilin. At kaya nagpunta kami:

Ganito ang hitsura nila:

Anim na mga social network ang na-configure ayon sa pamantayan: Facebook, VKontakte, Odnoklassniki, Moi Mir, Google Plus, Twitter. Mayroong higit sa 30 sa mga ito sa mga setting ng script, ngunit ang lahat ng ito ay maaaring mai-install nang hiwalay kung ninanais. Ang mga pakinabang ng mga pindutan na ito, tulad ng sinabi ng mga may-akda, kung saan ako ay lubos na sumasang-ayon:

Mahusay na display sa anumang device (Oo, adaptive ang mga ito sa anumang laki ng screen)

Malinis na code - mabilis at secure na site (ang script, CSS at Font lang ang na-load, na nasa iyong server lang)

Lahat ay nagbabahagi ng mga teknolohiya ng mga mobile messenger sa isang script (lahat ng uri ng Telegrams)

SEO friendly - walang mga link

Hindi naglalaman ng mga larawan

Ano ang ginagawa ng script mismo, at bakit kailangan ang script na ito sa pangkalahatan? Ang script para sa mga button na ito ay naglalaman ng lahat ng mga API ng lahat ng mga social network, at ginagawa ng script ang anumang lugar sa site bilang isang aktibong bloke sa pagbabahagi.

Halimbawa, maaari mo itong ilagay sa mga walang laman na bloke ng DIV, o Span, o mga larawan, o mga walang laman na link, at halos anumang elemento ng site ay maaaring gawing mga button na ito. Sa aking halimbawa, gumamit ako ng script para sa mga walang laman na Div.

Tungkol sa mga larawan: wala sila dito. Ang mga icon na nakikita mo ay kinuha mula sa font, sila ay isang simbolo lamang at wala nang iba pa.

Maaari mong i-download ang archive ng mga button sa .

Ang pag-install ng mga button na ito ay napakadali. Mayroon lamang apat na file sa archive: Font, CSS, JS, at TXT.

1). Kailangan mong i-upload ang font sa anumang folder sa iyong server;

2). Pagkatapos ay i-upload ang JS sa iyong server, at ipakita ito sa iyong site gamit ang code kahit saan, ngunit inirerekomenda ko sa pinakailalim ng pahina:

Ang script na ito ay binubuo ng dalawang bahagi, ang una ay Jquery, ang pangalawa ay ang button code mismo. Kung mayroon ka nang pinagana ang Jquery sa iyong site, maaari mong alisin ang unang bahagi ng code at sa gayon ay bawasan ang laki ng file.

MAHALAGA: (para sa mga nag-alis ng bahagi ng Jquery code) ang script ng button ay dapat na mai-load pagkatapos ng script ng Jquery.

3). Pagkatapos i-install ang JS at font, dapat kang magdagdag ng CSS sa iyong site. Kopyahin lang ang buong nilalaman ng soc.css file sa isa sa iyong mga plugin ng CSS sa site.

MAHALAGA: Sa linya 82 ng soc.css file, baguhin ang URL sa iyong lokasyon ng Font!

4). Pagkatapos ng lahat ng ito, kopyahin ang HTML code mula sa HTML.TXT file sa iyong site kung saan mo gustong makita ang mga magagandang button na ito.

Ang istraktura ng script ay may kakayahang mag-install ng mga counter sa pagbabahagi ng social network, ngunit maaari kang magbasa nang higit pa nang detalyado sa kanilang dokumentasyon sa website.

At maaari mong suriin ang pagpapatakbo ng script sa ibaba lamang ng mga linyang ito, dahil ito ang naka-install sa aking blog.

Salamat sa iyong pansin, kung mayroon kang anumang mga katanungan tungkol sa pag-install, sumulat ng mga komento.

Kasama mo ako, tamad na Staurus.

Ang mga social network ay isang mahusay na tool para sa pag-promote ng iyong website sa Internet. Sa pamamagitan ng mga social network, maaari kang mag-set up ng napakalaking trapiko sa iyong mapagkukunan nang ganap na walang bayad gamit ang isang karaniwang diskarte - mga pindutan ng social network. Ang mga pindutan ng social networking sa isang website ay maaaring makabuluhang mapabuti hindi lamang ang trapiko, kundi pati na rin ang mga relasyon sa mga search engine, at nang naaayon ay muling tumaas ang trapiko ng bisita.

Sa artikulong ito nakolekta ko ang lahat ng posibleng paraan upang kumonekta sa mga pindutan ng social networking para sa isang website, kung hindi mo mahanap ang kailangan mo, pagkatapos ay isulat sa mga komento, sisiguraduhin kong idagdag ito. Anong mga pamamaraan ang tatalakayin:

Una, isang maikling iskursiyon sa paksa kung ano ang mga parehong button ng social network para sa isang website at kung bakit kailangan ang mga ito.
Ang isang mahusay na video mula sa serbisyo ng Pluso ay makakatulong sa iyong madaling pumili, i-configure at ipatupad ang mga pindutan sa ganap na anumang website:

Sa ngayon, ang mga social network ay may malaking papel sa buhay ng karaniwang tao. Halos bawat pangalawang tao ay may kahit isang profile sa mga social network. Para sa kadahilanang ito, ang paggamit ng mga pagkakataon upang i-promote ang mga website sa mga social network ay napaka-kaugnay na ito ay isang malaking mundo ng mga gumagamit at mga mamimili.

Sa palagay ko dahil binabasa mo ang artikulong ito, alam mo ang tinatayang o eksaktong layunin ng mga pindutan ng pagbabahagi sa site, na nangangahulugang maaari tayong lumipat sa pangunahing bahagi ng artikulo, lalo na ang pagdaragdag ng mga icon.

Mga pindutan ng social media ng Yandex

Ang sikat na search engine sa wikang Ruso ay nagbibigay ng isang mahusay na pagkakataon para sa mga pindutan ng social networking sa isang website mula sa Yandex. Ang lahat dito ay napakasimple:

Ngayon ng ilang mga larawan para sa isang mas mahusay na pag-unawa, piliin natin kung aling mga site ang aming gagamitin:

Pinipili namin ang hitsura, mga button na mayroon o walang counter, maliit o malaki, at kinokopya ang code upang i-embed sa site:

Ang lahat ay napaka-simple, mas madali ito kaysa sa paggamit ng mga plugin, mabuti, hindi bababa sa tila sa akin.

Hindi ko susuriin ang lahat ng posibleng serbisyo, ang kanilang kakanyahan ay pareho:

Pumili ng mga social network.

Baguhin ang iyong hitsura.

Kopyahin ang code.

I-paste ito sa iyong website.

Ngayon ang listahan ng mga serbisyo:

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

Ang mga setting ay halos magkapareho, maaari kang pumili ng mga mas nauunawaan para sa iyo o mas malawak na pag-andar. Halimbawa ng unang serbisyo:

Hindi ko ito ilalarawan nang mahabang panahon, hindi na kailangan, lahat ay intuitive.

Paano Mag-install ng Mga Pindutan ng Social Media sa isang Website ng WordPress

Karaniwan, ang mga pindutan ng link ay matatagpuan sa ilalim ng mga artikulo o sa mga side side bar. Upang ilagay ang mga pindutan ng social networking sa iyong website, kakailanganin naming i-install at i-configure ang kinakailangang plugin, o direktang i-embed ang code sa template. Tingnan muna natin ang mga plugin, at pagkatapos ay manu-manong pagdaragdag ng mga pindutan. Maaari mong basahin kung paano mag-install ng mga plugin.

Para sa kasong ito, pumili kami ng dalawang maginhawang plugin, na tinatawag na Social Share Buttons at Jetpack.

Ang unang mas advanced na plugin para sa pagdaragdag ng mga pindutan ng social media sa iyong WordPress site ay Jetpack.

Ang plugin na ito ay nilikha at pinananatili ng mga developer ng WordPress, kaya naman ito ay higit na pinagkakatiwalaan kaysa sa iba.

Pagkatapos ay i-click namin ang "I-customize" at inilipat kami sa menu ng mga setting ng social network.

Sa block na ito pipiliin namin ang mga pindutan na kailangan namin para sa mga social network.

Upang piliin ang mga kailangan namin, kailangan lang naming i-drag ang mga pindutan ng social network mula sa tuktok na field hanggang sa ibaba, sa ibaba makikita namin ang isang visual na pagpapakita ng mga icon.

Sa susunod na menu i-configure namin ang istilo ng button at kung saan lilitaw ang mga ito sa aming website.

Pagkatapos naming i-configure kung ano ang kailangan namin, i-click ang "I-save ang Mga Pagbabago" at ang aming mga social networking button ay lilitaw sa ilalim ng aming mga post sa site.

Pag-install ng mga pindutan ng social media sa isang WordPress site. Mga Setting ng Social Share Buttons.

Kaya, huwag tayong magpatalo, ngunit dumiretso tayo sa pag-install ng mga pindutan ng social networking. Pumunta kami sa mga setting at nagdaragdag ng menu ng mga plugin. Sa pamamagitan ng paghahanap nakita namin ang aming iminungkahing Social Share Buttons para sa WordPress.

Kapag na-install at na-activate ang plugin para sa pagdaragdag ng mga icon ng social network, pumunta sa bagong menu na lilitaw mula sa console ng aming WordPress - Mga Pindutan sa Pagbabahagi.

Tulad ng nakikita mo, ang aming menu ay nahahati sa tatlong submenu, tingnan at suriin natin ang bawat isa sa kanila nang hiwalay:

Mga pangunahing setting para sa pagpapakita ng mga pindutan ng social network sa isang WordPress site.

Ano ang maaari naming i-configure dito?

• Maaari naming i-upload ang logo ng aming site, na magbibigay sa aming mga pindutan ng ilang visual na koneksyon sa aming mapagkukunan.
• Maaaring ilagay sa itaas ng mga button ang isang text ng tawag o isang katulad nito.
• Awtomatikong pagbuo ng meta data na mali-link sa nai-publish na artikulo sa social network.
• Ang pagpoposisyon ng mga button sa social media, kaliwa sa kanan sa gitna kaugnay ng artikulo.
• Mga posisyon ng vertical na button, ibaba o itaas.

At ang mga checkbox para sa pagpili kung saan ipinapakita ang iyong mga button, mula sa posisyong "Home" ang checkbox ay inalis dahil hindi namin kailangan ng mga button sa ilalim ng bawat anunsyo ng artikulo sa pangunahing pahina, maaari mo ring ibukod ang mga artikulo kung saan ang mga icon ng button ay hindi makikita. ipinapakita.

Mga setting ng pagbabahagi, pagpili ng istilo ng button para sa mga social network.

Pinipili namin ang estilo na gusto namin at pag-uri-uriin ang aming mga icon sa aming paghuhusga.

Nag-set up kami kung aling mga social network. mga network na gusto mong makipag-ugnayan at kung saan ipo-promote ang iyong produkto nang naaayon.

Pagtatakda ng padding sa pagitan ng mga icon.

Sa siklo ng pag-set up ng mga pindutan para sa pakikipag-ugnayan sa mga social network sa isang website ng WordPress, kailangan mong harapin ang bawat pindutan nang hiwalay, kung interesado ka at kailangan mong malaman kung ano.

Kapag nagawa na ang lahat ng mga setting, maaari naming i-verify ang kanilang pagiging kapaki-pakinabang at functionality sa iyong WordPress site.

Aling plugin ang iyong gagamitin, ngunit inirerekumenda ko ang Jetpack, ito ay madalas na ina-update at mas mabilis na gumagana.

Pagdaragdag ng bawat pindutan ng social media nang paisa-isa

Nagbibigay din ang Twitter ng malawak na setting para sa mga button. Link, screenshot sa ibaba:

Hindi maraming tao ang gumagamit nito, ngunit ang pindutan mula sa mail ru ay maaari ding maging kapaki-pakinabang.

Parang Odnoklassniki, bakit ganun 😆 .

Pagdaragdag ng mga icon sa mga profile at grupo sa mga social network sa site

Ngayon ay magpapakita ako ng isang maliit na halimbawa kung paano ka makakapagdagdag ng mga icon sa mga profile ng social network sa isang website. Ang pamamaraang ito ay angkop hindi lamang para sa WordPress, kundi pati na rin para sa anumang iba pang site.

Kaya ano ang kailangan natin:

• Magpasya sa hinaharap na lokasyon ng mga icon;
• kaunting kaalaman sa html at CSS, gaano man ito tingnan, ngunit hindi ko mahulaan ang lahat ng mga opsyon na maaaring kailanganin mo.
• yari na mga larawan-icon ng mga social network, na na-download mula sa Internet. Makakakita ka ng marami sa kanila gamit ang paghahanap.
• access sa mga template file.

Una sa lahat, magpapakita ako sa iyo ng maliit na code para sa 2 social network, VK at G+, pati na rin ang icon ng feed ng FeedBurner. Sa pamamagitan ng pagkakatulad, maaari kang magdagdag ng maraming mga icon hangga't gusto mo.