Pridėkite dar 4 socialinio bendrinimo mygtukus – rašome patys

Čia yra frazė "Kas nori pirkti programinę įrangą su 8% nuolaida akcijai?" parašė pats vartotojas, o žemiau – kaip nuoroda į svetainę atrodo socialiniame tinkle. Nelabai gražu, tiesa?

tada nuoroda socialiniame tinkle atrodys taip:

Čia „Šiandien yra allsoft.ru gimtadienis - 8 metai :)“ yra vartotojo parašytas tekstas, likusi dalis yra informacija iš metažymų. Plačiau apie šias meta žymeles galite pasiskaityti Facebook puslapyje developers.facebook.com/docs/share, kiti socialiniai tinklai taip pat neblogai jas supranta.

Kaip šis mechanizmas paprastai veikia:
1. Kai vartotojas paspaudžia mygtuką, valdiklis perduoda nuorodą į puslapį į socialinio tinklo serverį.
2. Socialinis serveris Pats tinklas pasiekia šią nuorodą ir nuskaito informaciją apie puslapį – pavadinimą, aprašymą, paveikslėlį.
3. Socialinis serveris tinklas talpykloje talpina puslapio informaciją savo šone ir rodo ją socialinių tinklų puslapiuose

Kaip siųsti skirtingus aprašymus vienam puslapiui.
Pavyzdžiui, kuriant reklaminį puslapį allsoft.ru su komiksų testu, reikėjo siųsti skirtingus aprašymus į socialinius tinklus už skirtingą testo metu surinktų taškų skaičių. Kadangi socialinis tinklas puslapio aprašymą gauna paspaudęs nuorodą, skirtingiems aprašymams reikalingos skirtingos nuorodos. Be to, „Twitter“ leidžia tik 140 simbolių, todėl reikia atskiro trumpesnio aprašymo.

New Ya.share(( elementas: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"]), nuoroda: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( title: "Bandymo rezultatas: Drakonas yra beveik jūsų stiprioji pusė! Dragonologijos dar negalite mokyti, bet teisingu keliu!" ) ) ));
1. Čia ya_share_normal yra puslapio elemento ID, kuriame bus rodomas blokas su socialiniais mygtukais, nuoroda yra nuoroda, be to serviceSpecific for Twitter nurodome pavadinimą, kuris skiriasi nuo to, kas yra og: pavadinimo metažyma.

Taigi užduočiai „3 skirtingi testo rezultatai ir bendra nuoroda į puslapį, nepriklausantį testui“ turėsime 4 žymas:

ir 4 JavaScript kodo blokai, kaip nurodyta aukščiau.

Kaip pakeisti socialinio tinklo talpykloje saugomą pavadinimą ir aprašą.
1. „Facebook“ yra geriausias būdas: eikite į jų derintuvą

Sveiki, mieli tinklaraščio svetainės skaitytojai. Kaip tikriausiai jau atspėjote iš pavadinimo, kalbėsime apie vadinamuosius socialinius mygtukus, kurie gali labai rimtai padėti jūsų svetainės straipsniams pritraukti, esant sėkmingoms aplinkybėms ir aukštai paties straipsnio kokybei. lankytojų iš socialinių tinklų ir paslaugų.

Reitinguodami svetainę, paieškos sistemos taip pat atsižvelgia į socialinius signalus. Daugybė bendrinimų į aukštos kokybės paskyras Twitter, Google+, Facebook (gali būti, kad taip pat atsižvelgiama į VKontakte ir kitus tinklus) gali leisti pakilti tam tikru laiptelių skaičiumi aukščiau ir, galbūt, patekti į viršų ir pasilikite ten, jei elgesio veiksniai jūsų nenuvilia.

Apskritai, yra labai daug paslaugų, kurios suteikia scenarijus (mygtukus), skirtus dalytis turiniu socialiniuose tinkluose internete, tačiau ne visomis jomis reikėtų pasitikėti (dėl blogų priežasčių gali nesunkiai pasinaudoti jumis ar kokiu kitu būdu). Ir jie gali tiesiog „pakabinti svetainę“, jei jų kodas nėra labai gerai išdėstytas ir jų serverių skaičiavimo galimybės nėra labai galingos. Nors yra tinkamų variantų, kuriuose nėra šių trūkumų, ir aš juos išvardijau šio leidinio pabaigoje.

Taip pat ant mygtukų galima rodyti tam tikro socialinio tinklo bendrinimų skaičių. Be to, atsižvelgiama į visus įrašus, o ne tik į tuos, kurie padaryti naudojant šį bloką (duomenys įkeliami per API). Tiesa, palaikomi ne visi socialiniai tinklai (tik facebook, Google+, Moi Mir, Odnoklassniki.ru, VKontakte), bet dauguma pagrindinių. Liūdna, kad „Twitter“ neseniai buvo pašalintas iš šio sąrašo, nes... ji nustojo teikti šiuos duomenis per API.

Pavyzdžiui, čia galite sutrumpinti pavadinimus, skirtus bendrinti Twitter, nes yra ribotas jų ilgis (kaip tai padaryti skaitykite toliau), sukonfigūruoti, ar rodyti dalijimosi skaitiklius, nustatyti meniu išplėtimo nurodymus papildomais socialinių tinklų mygtukais. , ir daug daugiau. Apskritai pasinerkite ir pasižiūrėkite.

Apskritai, palyginti su vietiniais bendrinimo mygtukais, kurie siūlo svetainėje įdiegti socialinius tinklus (apie tai skaitykite toliau), „Yandex“ blokas laimi įkėlimo greičiu, kompaktiškumu ir paprastu diegimu bei konfigūravimu. Pavyzdžiui, anksčiau mano oficialus Twitter mygtukas dažnai neįsikeldavo dėl problemų su jų serveriu, todėl mano tinklaraščio kairysis meniu, sukurtas Java skriptu, ilgai neįsikrausdavo. Gali būti, kad ši problema jau išspręsta, tačiau daugelis scenarijų visada bus blogesni už vieną, atsižvelgiant į svetainės įkėlimo greičio optimizavimą.

Manau, kad „Yandex“ vargu ar turės problemų dėl prieinamumo, nes tai gerai uždirbanti komercinė organizacija, kuri gana jautriai reaguoja į savo įvaizdį. Be to, jei turite, galite stebėti šių mygtukų paspaudimų statistiką, kuri gali būti naudinga.

Be bloko su įprasto dydžio piktogramomis, galite sukurti bloką su skaitikliais, o „Yandex“ taip pat siūlo pridėti išskleidžiamąjį meniu su papildomais socialiniais tinklais, kurie bus paslėpti po spoileriu, esančiu pateikus reikiamą skaičių mygtukų. pagrindiniai socialiniai tinklai (pvz., VKontakte, MoiMir, ):

Jei norite pridėti skaitiklius prie šio bloko mygtukų (su išskleidžiamuoju meniu), tada tiesiog įdėkite dar vieną atributą į jo kodą svetainėje (tarp Div žymų): data-counter="" ir viskas. Kaip sakiau, tai negali būti paprasčiau. Galite naudoti skaitiklius, taip pat bus pridėti prie mažų mygtukų, kurie aptariami toliau:

Data-services="vkontakte,odnoklassniki,facebook,gplus,twitter,moimiras,blogger,digg,reddit,linkedin,lj"

Taip pat visas piktogramas galite pakeisti mažesnėmis mygtukų miniatiūromis, kurios man asmeniškai buvo naudingos įterpiant bloką visų šio tinklaraščio straipsnių viršuje:

Pirmoje dalyje atidarymo ir uždarymo SCRIPT žymose yra kelias į scenarijų, kuris bus įkeltas iš „Yandex“ serverio, o antroje dalyje yra pats įterpimo kodas, kurį reikės įdėti į jūsų šablono vietą. šis blokas bus rodomas.

Kaip įterpti socialinius mygtukus iš „Yandex“ svetainėje

Todėl įterpiu scenarijaus iškvietimo kodą kartu su Div bloku toje vietoje, kur turi būti rodomi socialinių tinklų mygtukai. Na, kad jo įkėlimas neturėtų įtakos pagrindinio puslapio įkėlimo greičiui, aš, vadovaudamasis „Yandex“ dokumentacijoje pateiktais patarimais, pridėjau prie jo atributą async="async", taip pradėdamas asinchroninį scenarijaus įkėlimą:

Problema gali kilti ieškant tarp daugelio jūsų svetainės variklio failų tą, kuris yra atsakingas už pačios apatinės HTML kodo dalies su baigiamąja žyma /BODY sukūrimą arba tą, kuri sudaro Head. Taip pat temų failuose raskite vietą, kur reikia įterpti kodo fragmentą į Div tags (kad patalpintumėte pačius mygtukus).

Iš esmės tiek „WordPress“, tiek „Joomla“ tai daroma viename iš naudojamos temos failų. Nes Šis tinklaraštis veikia „WordPress“, todėl kalbėsiu už jį.

Jei dirbate su WordPress, tada norėdami įterpti scenarijaus iškvietimo kodą turėsite atidaryti failą footer.php redaguoti (rasite baigiamąją Body žymą arba header.php (ten rasite Head žymas) iš aplanko:

/wp-content/themes/aplanko pavadinimas_with_theme_used/footer.php

Dabar belieka įterpti antrąją „Yandex“ socialinių mygtukų kodo dalį, kuri yra atsakinga už bloko su mygtukais vietą svetainės puslapiuose, į tinkamą svetainės šablono vietą arba tiesiai į straipsnį:

Beje, dar kartą padarysiu rezervaciją: jei norite pašalinti bet kurį mygtuką iš šio bloko, jums nereikės dar kartą eiti į konstruktorių Yandex svetainėje. Galite tiesiog pašalinti jo įrašą iš šio sąrašo (kartu su kableliu, esančiu po jo, pavyzdžiui, „vkontakte“). Na, supranti...

Na, taip pat galite pakeisti mygtukų padėtį bloko viduje naudodami CSS.

Li.ya-share2__item (fonas:nėra!svarbu;padding:0 7px 0 7px!svarbu;)

Nes Naudoju mobiliesiems įrenginiams pritaikytą išdėstymą, todėl įrenginiams su maža ekrano skiriamąja geba pridėjau panašią eilutę, kur nustatiau šiek tiek mažesnes įtraukas, bet tai yra detalės:

Li.ya-share2__item (padding: 0 3px 0 3px!svarbu;)

Apskritai, kažkas panašaus yra kalbant apie mano „WordPress“ tinklaraštį. Joomla, norint įterpti šį bloką, tikriausiai bus lengviausia naudoti Custom Html Code modulį, įdėjus jį šablono pozicijoje kažkur iškart po straipsnio tekstu.

Oficialūs socialinės žiniasklaidos mygtukai

Daugelis socialinių tinklų patys suteikia galimybę kiekvienam atsisiųsti mygtuko kodą, o dažnai netgi galite pritaikyti jo išvaizdą ir funkcionalumą. Pavyzdžiui, galite konfigūruoti ir gauti scenarijaus kodą, kad galėtumėte bendrinti įrašą .

Kaip matote, nustatymų yra gana daug, o be „VKontakte“ mygtuko išvaizdos, taip pat galite tinkinti skaitiklio, rodančio akcijų skaičių, rodymą.

Galėsite gauti Facebook mygtuką. Jis labai lanksčiai pritaikomas pagal Jūsų poreikius ir nesuklaidina ant jo esantys angliški užrašai, nes įdėjus jo kodą į savo svetainę, užrašai automatiškai bus išversti į rusų kalbą.

Geriau nieko neįterpti į URL lauką, tada bus bendrinamas puslapis, kuriame yra šis kodas.

Tai atrodys maždaug taip:

Ir, žinoma, negaliu nepaminėti oficialaus Twitter mygtuko, kuris pasirodė palyginti neseniai. Jo konstruktorius yra. Natūralu, kad ji suteikia galimybę skaičiuoti retweet'ų skaičių ir turėsite galimybę nustatyti jo išvaizdą:

Tada šiek tiek modernizavau gautą kodą pagal aukščiau aprašytą principą, kad mano ilgi pavadinimai būtų nukirpti ir nesudarytų papildomų problemų vartotojams dalinantis.

Kitos galimybės gauti socialinės žiniasklaidos mygtukus savo svetainei

Kaip jau sakiau, yra daugybė įvairių internetinių paslaugų, kuriose galite nemokamai pasiimti socialinių tinklų mygtukų scenarijų ir įdėti jį į savo svetainę. Visi jie siekia skirtingų tikslų: „iš širdies“ (kaip ir Dimoxa paslaugos atveju), rinkti duomenis, reikalingus kitų paslaugų veikimui (kaip ApTuLike atveju) arba pasipelnymui (virusai ir kiti neteisėti sukčiavimas su jūsų svetainės srautą). Taip pat yra tiesiog mokamų sprendimų, pavyzdžiui, kaip toliau minėtas papildinys.

Sunku pasakyti, ką pasirinkti iš šios veislės. Pasakysiu keletą žodžių apie tai, ką turėjau progą išbandyti ir apie ką jau rašiau anksčiau.

Apskritai žiūrėkite, palyginkite ir išsirinkite patys.

Sėkmės tau! Greitai pasimatysime tinklaraščio svetainės puslapiuose

Jums gali būti įdomu

Kuriame mygtukus, skirtus pridėti prie socialinių tinklų, ir žymes WordPress tinklaraščiui (be įskiepių ir scenarijų) Tikėtina – atskiri svetainės socialiniai mygtukai
„Uptolike“ svetainių mobiliesiems mygtukai + galimybė dalytis nuorodomis „Messenger“ „UpToLike“ – socialinių mygtukų kūrimo priemonė jūsų svetainei su išplėstomis funkcijomis
„Uptolike“ bendrinimo mygtukai – nemokamas įskiepis, skirtas pridėti socialinės medijos mygtukus prie „WordPress“.
uSocial – naujos socialinių mygtukų paslaugos jūsų svetainei apžvalga
Lankytojų srauto pritraukimas į jūsų svetainę naudojant SMO metodus (forumus, socialinius tinklus, Prenumeruoti grupes) Kaip į savo svetainę įtraukti bloką su mygtukais, nukreipiančiais į jūsų puslapius ar grupes socialiniuose tinkluose, taip pat į RSS kanalą
„Google+1“ ir „Man patinka“ iš „Vkontakte“ ir „Facebook“ – kaip pridėti patinka mygtukus į savo svetainę

Nuorodos „Istorijose“ pradėjo atsirasti gana seniai, tačiau jas galėjo naudoti tik oficialios paskyros. Gegužės mėn. atsirado galimybė reklamoje pridėti nuorodas su talpinimu istorijoje, tačiau visa tai buvo mokami mechanizmai. Šiandien žmonės pradėjo siųsti man ekrano kopijas, kaip Instagram palaipsniui pradėjo leisti įprastiems vartotojams savo istorijose pridėti aktyvių nuorodų į svetaines.

Kaip pridėti nuorodą į savo „Instagram“ istoriją?

Ši funkcija prieinama ne visoms Instagram paskyroms! Šiandien istorijų nuorodos galimos tik:

Patvirtintoms Instagram paskyroms

Profiliams, turintiems daugiau nei 10 000 prenumeratorių.

Be to, nuoroda gali pasirodyti ne iš karto, kai gausite 10 000 prenumeratorių. Botų padidinimas iki 10 000 abonentų ne visada veikia. Be to, sunku apgauti botus, kad jie šiandien neatsisakytų prenumeratos, o jei paskyros prenumeratorių skaičius sumažės iki 9 999 ar mažiau, galimybė pridėti nuorodą išnyks.

Norėdami sekti aktyvią nuorodą iš istorijos, vartotojas turi braukti aukštyn. Kadangi žmonės dar nėra pripratę prie tokių galimybių, rekomenduočiau papildomai atkreipti dėmesį į nuorodą su įvairiomis nuorodomis ir raginimais veikti. Na, jūs esate suaugę vaikinai, suprantate, apie ką aš kalbu, ką aš čia mokau.

Jau rašiau apie aktyvių nuorodų atsiradimą „Direct“, bet informacijos dienoraštyje neskelbiau. Kaip ir bet kuris kitas naujinimas, jis pasiekiamas tik pasirinktai ir atsitiktinei vartotojų daliai.

Naujausi atnaujinimai daro Instagram dar įdomesnį elektroninei prekybai ir smulkiajam verslui, kova dėl prenumeratorių taps dar karštesnė. Tikiuosi, kad „Instagram“ aktyviai kovos su nuorodų šlamštu „Direct“.

Prieš gilindamiesi į kodavimą, apsižvalgykime ir atkreipkime dėmesį į išteklius, kuriuos mums jau suteikia pasaulinis žiniatinklis. Beje, jų yra labai daug, bet apžvelgsime du populiariausius.

Dar viena mūsų dėmesio verta paslauga – toks pat paprastas konstruktorius, tik čia daug daugiau mygtukų su paslaugomis ir tinklais, kai kuriuos, prisipažinsiu, pamačiau pirmą kartą. Pagrindinis skirtumas nuo Yandex.Technologies yra tas, kad mes gauname visiškai sugeneruotą scenarijų, kuris bus apdorojamas ne debesyje, o tiesiogiai mūsų serveryje.

Atrodytų, su tokiais nuostabiais sprendimais niekam net nekiltų mintis „išradinėti dviratį“? Bet ne, kažkieno parašytas scenarijus yra geras tik tiek, kiek mes patys tingime su juo vargti. Žinoma, jis veiks tinkamai ir atliks savo funkcijas, tačiau tai universalus sprendimas, parašytas bendrai aikštelių masei, t.y. jame neatsižvelgiama į mūsų asmeninius nedidelius poreikius ir susitarimus.

Pirma: mygtukų dizainas yra praktiškai geležinis. Taip, tai yra atpažįstama ir teikiama pačių socialinių tinklų, bet tai tiesiog neatitinka mūsų poreikių. Na, mygtukas turi užapvalintus kraštus, o mūsų svetainės dizainas reikalauja, kad mygtukas būtų kvadratinis, ką turėtume daryti? – Paimkite sprite ir perpieškite jį! Kas bandė, žino, kad tai nedėkingas darbas: pakeisti vieną mygtuką tenka penkis ar šešis bandymus „teisingai“ įdėti jį į sprite. Ir tai tik pakeičia vieną / kelis mygtukus, bet ką daryti, jei svetainė yra gotikinio stiliaus ir visi mygtukai turi būti tamsūs?

Antra: nėra jokių abejonių dėl „Yandex“ patikimumo, tačiau mygtukai, skirtingai nei metrinis skaitiklis, dėl tam tikrų priežasčių sunkiai įkeliami, o dažnai matomas atsilikimas nuo pagrindinio puslapio turinio. Tai ypač pastebima esant geram didelės spartos ryšiui, kai puslapis sugenda beveik akimirksniu, o jūs turite kelis blokus su mygtukais.

Trečia: bandymui sugeneruokite scenarijų „share24“ - jis didelis. Ar tikrai visos pateiktos kodo eilutės mums reikalingos? - Negalvok.

Dabar pereikime prie paties scenarijaus rašymo, jis bus padalintas į tris dalis: HTML, CSS ir, tiesą sakant, pats kodas, parašytas JavaScript. Be to, patogumui naudosiu jQuery biblioteką.

Įtraukiame visus reikalingus failus:

Dabar mes įtraukiame scenarijų į share.js failą, jis atrodys taip:

Var share = ( Twitter: function($this)( var data = share.data($this); if(data)( var url = "http://twitter.com/share?"; url += "text= " + encodeURIComponent(data.text); url += "&url=" + encodeURIComponent(data.url); url += "&hashtags=" + ""; url += "&counturl=" + encodeURIComponent(data.url); share.popup(url); return false; vk: function($this)(var data = share.data($this); if(data)(var url = "http://vkontakte.ru/ share. php?"; url += "url=" + encodeURIComponent(data.url); url += "&title=" + encodeURIComponent(data.title); url +="&description=" + encodeURIComponent(data.text); url += "&image=" + encodeURIComponent(data.img); url += "&noparse=true"; share.popup(url); }; return false; }, facebook: function($this){ var data = share.data($this); if(data){ var url = "http://www.facebook.com/sharer.php?s=100"; url += "&p=" + encodeURIComponent(data.title); url += "&p=" + encodeURIComponent(data.text); url += "&p=" + encodeURIComponent(data.url); url += "&p=" + encodeURIComponent(data.img); share.popup(url); }; return false; }, data: function($this){ if($this){ return $.parseJSON($this.parent("div").attr("data-share-data")); }; return false; }, popup: function(url){ window.open(url, "", "toolbar=0, status=0, width=626, height=436"); return false; } }; !}

Pridėkite žymėjimą prie puslapio:

Struktūra gana paprasta, būtent paketas su akcijų klase, po kurio seka div su atributu data-share-data, kuris buvo paminėtas aukščiau. Linija sudaroma iš keturių parametrų su savo vertėmis.

url – adresas, kuriuo bendriname;
img – vaizdas, jei jo nereikia, nurodykite tuščią eilutę;
title – puslapio pavadinimas;
tekstas – mums reikalingas aprašymas.

Div viduje yra patys mygtukai su prie jų pridėtu onclick įvykiu. Spustelėjus bus iškviestas vienas iš aukščiau aprašytų metodų.

Belieka suteikti mygtukams žmogišką išvaizdą ir pridėti CSS:

Share(fono spalva: #ececec; ekranas: inline-block; užpildymas: 7px 5px; ) .share div:after( turinys: ""; ekranas: blokas; aiškus: abu; aukštis: 0; ) .share div:first -child( margin-left: 0; ) .share. Twitter 24px; plotis: 24px; žymeklis: .share .twitter pozicija: 0 -32 piks. -spalva: #30487a )

Dėl to, pridėjus CSS mygtuką, rezultatas atrodys taip:

Taip baigiamas rašyti scenarijus, pavyzdyje naudojau tik tris socialinius tinklus, jei reikės prijungti kitus, tai nebus sunku. Norėdami tai padaryti, prie bendro naudojimo objekto turėsite pridėti naują metodą, nepamirštant pridėti ir papildomo HTML ir CSS. Nuorodas, skirtas pakartotiniam paskelbimui socialiniuose tinkluose, galima gauti dviem būdais:

Naudokite socialinio tinklo API, kuri ne visada padeda;
Paimkite jį iš panašios paslaugos naudodami firebug arba kitą žiniatinklio kūrėjo įrankį.

Pastebėjau SMO (Social Media Optimization) svarbą reklamuojant svetainę. Dabar pakalbėkime tiesiai apie tai, kaip savo svetainėje atlikti socialinį optimizavimą, o tiksliau, kaip į savo svetainę įtraukti populiarių tinklų socialinius mygtukus.

Pirmiausia parodysiu, kaip jis iš tikrųjų turėtų atrodyti svetainėje. Daugelyje tinklaraščių ir naujienų svetainių bet kurio straipsnio apačioje galite pamatyti kažką panašaus į tai:

Tai socialiniai mygtukai, kurių dėka pasiekiamas SMO, o vėliau – socialinė veikla. Šis straipsnis skirtas klausimui, kur gauti šių socialinių tinklų kodą. mygtukus ir kaip teisingai juos įdiegti svetainėje. Pirmiausia apsvarstykime galimybę įdiegti „Google+“.

1. Pridėkite „Google+“ mygtuką prie svetainės

2. Prie svetainės pridėkite mygtuką „Patinka“ iš „VKontakte“ ir „Facebook“. 2.1. Man patinka iš Facebook

Pradėkime nuo „Facebook“ mygtuko kodo gavimo. Norėdami tai padaryti, apsilankykite šiame puslapyje: https://developers.facebook.com/docs/plugins/like-button. Turėtumėte pamatyti šį paveikslėlį:

Viršuje dešinėje galite pamatyti, kaip mygtukas atrodys jūsų svetainėje. Pažiūrėkime į parametrus, kuriuos galima nustatyti:

1. Patinka URL
Tai neprivalomas parametras. Jei paliksite lauką tuščią, kiekvienas puslapis turės savo individualų skaitiklį. Jei ten įvesite konkretų URL, skaitiklis bus vienas (patinka sumuojami iš visų šios svetainės puslapių).

2. Mygtukas Siųsti
Pridėkite arba pašalinkite pranešimų siuntimo mygtuką. Rekomenduoju pašalinti šį mygtuką, nes... Mūsų tikslas yra tiesiog paspausti "patinka" mygtuką, nors galbūt jūs turite visiškai skirtingus tikslus.

3.Išdėstymo stilius
Mygtukų rodymo stilius. Asmeniškai man labiausiai patinka standartas.

4. Plotis
Mygtuko plotis pikseliais. Paprastai nustatau ne daugiau kaip 100 pikselių.

5. Veiksmažodis rodyti
Kas bus rodoma ant mygtuko: „Man patinka“ arba „Rekomenduoju“. Dažniausiai renkuosi pirmą variantą (numatytąjį), nes tai efektyvesnis būdas motyvuoti vartotoją pamėgti.

6.Spalvų schema
Spalvų gama: balta arba juoda.

7. Šriftas
Tiesiog nustatykite šriftą užrašui „Man patinka“.

Nustatę nustatymus, spustelėkite mygtuką „gauti kodą“ ir įdėkite jį į svetainę. Bendras „Facebook“ mygtuko kodas:

(function(d, s, id) ( var js, fjs = d.getElementsByTagName(s); if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs )(document, "script", "facebook-jssdk")); 2.2. Man patinka iš VKontakte

Dabar pažiūrėkime, kaip iš „VKontakte“ gauti mygtuko „patinka“ kodą. Norėdami tai padaryti, eikite į šį puslapį: https://vk.com/dev. Turėtumėte pamatyti šį puslapį:

Pirmiausia turėsite pridėti naują svetainę. Norėdami tai padaryti, išskleidžiamajame meniu „Svetainė / programa“ pasirinkite parinktį prijungti naują svetainę:

Pridėję naują svetainę išsaugokite ją. Dabar išskleidžiamajame meniu pasirinkite norimą svetainę. Po to seka nedidelis skaičius parametrų: „mygtuko parinktis“, „aukštis“, „mygtuko pavadinimas“ - visa tai galima pritaikyti pagal jūsų skonį. Pabaigoje bus mygtuko kodas:

VK.init ((apiId: 2872188, tik valdikliai: tiesa )); VK.Widgets.Like ("vk_like", (tipas: "mygtukas") ); 3. Pridėkite tviterio mygtuką prie svetainės

Kaip ir ankstesniais atvejais, pirmiausia eikite į vietą, kurioje gavote ir sukonfigūravote mygtuką.

Gali būti naudinga perskaityti: