Pievienojiet, lai kopīgotu vēl 4 sociālās kopīgošanas pogas – mēs to rakstām paši

Šeit ir frāze "Kurš vēlas iegādāties programmatūru ar 8% atlaidi akcijai?" raksta pats lietotājs, un tālāk ir norādīts, kā saite uz vietni izskatās sociālajā tīklā. Nav ļoti skaisti, vai ne?

tad saite sociālajā tīklā izskatīsies šādi:

Šeit “Šodien ir allsoft.ru dzimšanas diena - 8 gadi :)” ir lietotāja rakstīts teksts, pārējais ir informācija no meta tagiem. Vairāk par šiem meta tagiem var lasīt Facebook lapā developers.facebook.com/docs/share, arī citi sociālie tīkli tos diezgan labi saprot.

Kā šis mehānisms parasti darbojas:
1. Kad lietotājs noklikšķina uz pogas, logrīks nosūta saiti uz lapu sociālā tīkla serverim.
2. Sociālais serveris Tīkls pats piekļūst šai saitei un nolasa informāciju par lapu - nosaukumu, aprakstu, attēlu.
3. Sociālais serveris tīkls saglabā lapas informāciju savā pusē un parāda to sociālo tīklu lapās

Kā vienai lapai nosūtīt dažādus aprakstus.
Piemēram, veidojot reklāmas lapu vietnē allsoft.ru ar komiksu testu, sociālajiem tīkliem bija jāsūta dažādi apraksti par dažādo punktu skaitu, ko lietotājs testā ieguva. Tā kā sociālais tīkls saņem lapas aprakstu, noklikšķinot uz saites, dažādiem aprakstiem ir nepieciešamas dažādas saites. Turklāt Twitter pieļauj tikai 140 rakstzīmes, tāpēc tam ir nepieciešams atsevišķs, īsāks apraksts.

Jauns Ya.share(( elements: "ya_share_normal", elementStyle: ( "type": "none", "quickServices": ["facebook","twitter","odnoklassniki","vkontakte","moimir"]), saite: "http://allsoft.ru/promo/allsoft8let/?share=normal", serviceSpecific: ( twitter: ( virsraksts: "Pārbaudes rezultāts: Pūķis ir gandrīz jūsu stiprā puse! Dragonoloģiju vēl nevarat mācīt, bet uz pareizā ceļa!" ) ) ));
1. Šeit ya_share_normal ir lapas elementa id (), kurā parādīsies bloks ar sociālajām pogām, saite ir saite, kā arī serviceSpecific for Twitter mēs norādām nosaukumu, kas atšķiras no tā, kas atrodas og: nosaukuma metatags.

Tādējādi uzdevumam “3 dažādi testa rezultāti plus kopēja saite uz lapu ārpus testa” mums būs 4 tagi:

un 4 JavaScript koda bloki, kā norādīts iepriekš.

Kā mainīt sociālā tīkla kešatmiņā saglabāto nosaukumu un aprakstu.
1. Facebook ir labākais veids: dodieties uz viņu atkļūdotāju

Sveiki, dārgie emuāra vietnes lasītāji. Kā jūs droši vien jau uzminējāt no virsraksta, mēs runāsim par tā sauktajām sociālajām pogām, kas var ļoti nopietni palīdzēt jūsu vietnes rakstiem veiksmīgos apstākļos un paša raksta augstās kvalitātes dēļ piesaistīt lielu skaitu apmeklētāji no sociālajiem tīkliem un pakalpojumiem.

Meklētājprogrammas, ranžējot jūsu vietni, ņem vērā arī sociālos signālus. Liels skaits kopīgošanas kvalitatīvos kontos Twitter, Google+, Facebook (iespējams, ka tiek ņemti vērā arī VKontakte un citi tīkli) var ļaut pacelties par noteiktu pakāpienu augstāk un, iespējams, iekļūt Top un palieciet tur, ja uzvedības faktori jūs nepieviļ.

Kopumā ir ļoti daudz pakalpojumu, kas nodrošina skriptus (pogas) satura kopīgošanai sociālajos tīklos internetā, taču ne visiem tiem vajadzētu uzticēties (sliktu iemeslu dēļ tie var viegli izmantot jūs vai kā citādi). Un viņi spēj vienkārši “piekārt vietni”, ja viņu kods nav īpaši labi novietots un viņu serveru skaitļošanas iespējas nav ļoti jaudīgas. Lai gan ir piemērotas iespējas, kurās nav šo trūkumu, un es tos uzskaitīju šīs publikācijas beigās.

Uz pogām ir iespējams arī parādīt konkrētā sociālā tīkla kopīgoto skaitu. Turklāt tiek ņemtas vērā visas ziņas, nevis tikai tās, kas izveidotas, izmantojot šo bloku (dati tiek ielādēti, izmantojot API). Tiesa, tiek atbalstīti ne visi sociālie tīkli (tikai facebook, Google+, Moi Mir, Odnoklassniki.ru, VKontakte), bet lielākā daļa no galvenajiem. Skumji, ka Twitter nesen tika izņemts no šī saraksta, jo... tas pārtrauca sniegt šos datus, izmantojot API.

Piemēram, šeit varat saīsināt nosaukumus kopīgošanai Twitter, jo ir ierobežots to garums (lasiet tālāk, kā to izdarīt), konfigurēt, vai rādīt koplietošanas skaitītājus, iestatīt norādījumus izvēlņu paplašināšanai ar papildu sociālo tīklu pogām. , un daudz vairāk. Vispār rakties apkārt un apskatīties.

Kopumā, salīdzinot ar vietējām koplietošanas pogām, kas piedāvā vietnē instalēt sociālos tīklus (par to lasiet tālāk), Yandex bloks uzvar ielādes ātrumā, kompaktumā un uzstādīšanas un konfigurācijas vienkāršībā. Piemēram, agrāk mana oficiālā Twitter poga bieži neielādējās viņu servera problēmu dēļ, tāpēc mana emuāra kreisā izvēlne, kas veidota Java skriptā, ilgu laiku neielādējās. Iespējams, ka šī problēma tagad ir atrisināta, taču vietnes ielādes ātruma optimizācijas ziņā daudzi skripti vienmēr būs sliktāki par vienu.

Es domāju, ka Yandex, visticamāk, nesagādās problēmas ar pieejamību, jo tā ir labi pelnoša komerciāla organizācija, kas ir diezgan jutīga pret savu tēlu. Turklāt, ja jums ir, varat izsekot šo pogu klikšķu statistikai, kas var būt noderīga.

Papildus blokam ar parasta izmēra ikonām jūs varat izveidot bloku ar skaitītājiem, un Yandex arī iesaka pievienot nolaižamo izvēlni ar papildu sociālajiem tīkliem, kas tiks paslēpti zem spoilera, kas atrodas pēc vajadzīgā pogu skaita parādīšanas. galvenie sociālie tīkli (piemēram, VKontakte, MoiMir, ):

Ja vēlaties pievienot skaitītājus pogām šajā blokā (ar nolaižamo izvēlni), vienkārši ievietojiet vēl vienu atribūtu tā kodā vietnē (starp tagiem Div): data-counter="" un viss. Kā jau teicu, tas nevar būt vienkāršāk. Varat izmantot skaitītājus, kas tiks pievienoti arī mazajām pogām, par kurām mēs runāsim tālāk.

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

Varat arī aizstāt visas ikonas ar to mazākajiem pogu sīktēliem, kas man personīgi šķita noderīgi, ievietojot bloku visu šī emuāra rakstu augšdaļā:

Pirmajā daļā sākuma un aizvēršanas SCRIPT tagos ir norādīts ceļš uz skriptu, kas tiks ielādēts no Yandex servera, bet otrajā daļā ir ievietots pats ievietošanas kods, kas būs jāievieto jūsu veidnes vietā, kur tiks parādīts šis bloks.

Kā vietnē ievietot sociālās pogas no Yandex

Tāpēc es ievietoju skripta izsaukšanas kodu kopā ar Div bloku vietā, kur jāparāda sociālo tīklu pogas. Nu, lai tā ielāde neietekmētu galvenās lapas ielādes ātrumu, es, ievērojot Yandex dokumentācijā sniegtos ieteikumus, pievienoju tai atribūtu async="async", tādējādi uzsākot skripta asinhrono ielādi:

Problēma var rasties, atrodot starp daudzajiem jūsu vietnes programmas failiem to, kas ir atbildīgs par HTML koda apakšdaļas ģenerēšanu ar beigu tagu /BODY vai to, kas veido Head. Un arī motīvu failos atrodiet vietu, kur Div tagos jāievieto koda fragments (lai novietotu pašas pogas).

Principā gan WordPress, gan Joomla tas tiek darīts vienā no izmantotās tēmas failiem. Jo Šis emuārs darbojas WordPress, tāpēc es runāšu par to.

Ja strādājat ar WordPress, tad, lai ievietotu skripta izsaukšanas kodu, rediģēšanai būs jāatver fails footer.php (atradīsiet noslēdzošo Body tagu vai header.php (tur atradīsit Head tagus) no mapes):

/wp-content/themes/mapes_nosaukums_ar_theme_used/footer.php

Tagad atliek tikai ievietot Yandex sociālo pogu koda otro daļu, kas ir atbildīga par bloka atrašanās vietu ar pogām vietnes lapās, pareizajā vietā jūsu vietnes veidnē vai tieši rakstā:

Starp citu, es izdarīšu rezervāciju vēlreiz: ja vēlaties noņemt jebkuru pogu no šī bloka, jums nav vēlreiz jādodas uz konstruktoru Yandex vietnē. Varat vienkārši noņemt tā ierakstu no šī saraksta (kopā ar komatu, kas nāk aiz tā, piemēram, “vkontakte”). Nu tu saproti...

Nu, jūs varat arī mainīt pogu novietojumu bloka iekšpusē, izmantojot CSS.

Li.ya-share2__item (fons:nav!svarīgi;polsterējums:0 7px 0 7px!svarīgi;)

Jo Es izmantoju izkārtojumu, kas ir pielāgojams mobilajām ierīcēm, tāpēc ierīcēm ar zemu ekrāna izšķirtspēju pievienoju līdzīgu rindiņu, kurā iestatīju nedaudz mazākas atkāpes, taču tā ir informācija:

Li.ya-share2__item (polsterējums:0 3px 0 3px!svarīgi;)

Kopumā kaut kas līdzīgs šim ir gadījums, kad runa ir par manu WordPress emuāru. Joomlā, lai ievietotu šo bloku, iespējams, visvieglāk būs izmantot Custom Html Code moduli, ievietojot to veidnes pozīcijā kaut kur tieši zem raksta teksta.

Oficiālās sociālo mediju pogas

Daudzi sociālie tīkli paši nodrošina ikvienam iespēju lejupielādēt pogas kodu, un bieži vien jūs pat varat pielāgot tā izskatu un funkcionalitāti. Piemēram, varat konfigurēt un saņemt skripta kodu ziņas kopīgošanai pakalpojumā .

Kā redzat, iestatījumu ir diezgan daudz, un papildus VKontakte pogas izskatam varat arī pielāgot skaitītāja displeju, kas parāda koplietošanas skaitu.

Jūs varēsiet iegūt Facebook pogu. Tas ir ļoti elastīgi pielāgots atbilstoši jūsu vajadzībām, un jūs nemulsina uzraksti angļu valodā, jo, ievietojot tā kodu savā vietnē, uzraksti automātiski tiks tulkoti krievu valodā.

URL laukā labāk neko neievietot, tad tiks kopīgota lapa, kurā atrodas šis kods.

Tas izskatīsies apmēram šādi:

Un, protams, es nevaru nepieminēt oficiālo Twitter pogu, kas parādījās salīdzinoši nesen. Tā konstruktors atrodas. Protams, tas nodrošina iespēju saskaitīt retvītu skaitu un jums būs iespēja iestatīt tā izskatu:

Pēc tam nedaudz modernizēju iegūto kodu pēc iepriekš aprakstītā principa, lai mani garie virsraksti tiktu nogriezti un neradītu lietotājiem papildu problēmas koplietošanas laikā.

Citas iespējas, kā savai vietnei iegūt sociālo mediju pogas

Kā jau teicu, ir daudz visu veidu tiešsaistes pakalpojumu, kur bez maksas varat paņemt sociālo tīklu pogu skriptu un ievietot to savā vietnē. Viņiem visiem ir dažādi mērķi: “no sirds” (kā Dimoxa pakalpojuma gadījumā), vākt datus, kas nepieciešami citu pakalpojumu darbībai (kā ApTuLike gadījumā) vai peļņas gūšanai (vīrusi un cita nelegāla krāpšana ar datplūsma jūsu vietnē). Ir arī vienkārši maksas risinājumi, piemēram, piemēram, tālāk minētais spraudnis.

Grūti pateikt, ko izvēlēties no šīs šķirnes. Teikšu dažus vārdus par to, ko man bija iespēja pašam izmēģināt un par ko jau esmu rakstījis iepriekš.

Kopumā skatieties, salīdziniet un izvēlieties paši.

Veiksmi tev! Uz drīzu tikšanos emuāra vietnes lapās

Jūs varētu interesēt

Mēs izveidojam pogas pievienošanai sociālajiem tīkliem un grāmatzīmēm WordPress emuāram (bez spraudņiem un skriptiem) Iespējams - atsevišķas sociālās pogas vietnei
Pogas mobilajām vietnēm no Uptolike + iespēja kopīgot saites kurjeros UpToLike — sociālo pogu veidotājs jūsu vietnei ar paplašinātu funkcionalitāti
Uptolike Share Buttons — bezmaksas spraudnis sociālo mediju pogu pievienošanai WordPress
uSocial — pārskats par jaunu sociālo pogu pakalpojumu jūsu vietnei
Trafika piesaiste jūsu vietnei, izmantojot SMO metodes (forumi, sociālie tīkli, Abonēšanas grupas) Kā savai vietnei pievienot bloku ar pogām, kas ved uz jūsu lapām vai grupām sociālajos tīklos, kā arī uz RSS plūsmu
Google+1 un man patīk no Vkontakte un Facebook — kā savai vietnei pievienot pogas Patīk

Saites stāstos sāka parādīties diezgan sen, taču tās varēja izmantot tikai oficiālajos kontos. Maijā kļuva iespējams reklāmām pievienot saites ar izvietošanu vēsturē, taču tie visi bija apmaksāti mehānismi. Šodien cilvēki man sāka sūtīt ekrānuzņēmumus par to, kā Instagram pakāpeniski ir sācis ļaut parastajiem lietotājiem savos stāstos pievienot aktīvas saites uz vietnēm.

Kā pievienot saiti savam Instagram stāstam?

Šī funkcija nav pieejama visiem Instagram kontiem! Šodien saites stāstos ir pieejamas tikai:

Verificētiem Instagram kontiem

Profiliem ar vairāk nekā 10 000 abonentu.

Turklāt saite var neparādīties uzreiz pēc 10 000 abonentu saņemšanas. Botu palielināšana līdz 10 000 abonentu ne vienmēr darbojas. Turklāt ir grūti piemānīt robotus, lai tie šodien neatteiktos abonementā, un, ja konta abonentu skaits samazināsies līdz 9999 vai mazāk, iespēja pievienot saiti pazudīs.

Lai sekotu aktīvai saitei no Vēstures, lietotājam ir jāvelk uz augšu. Tā kā cilvēki vēl nav pieraduši pie šādām iespējām, es ieteiktu papildus pievērst uzmanību saitei ar dažādām saitēm un aicinājumiem uz darbību. Nu, jūs esat pieauguši puiši, jūs saprotat, par ko es runāju, kam es te vispār mācu.

Jau rakstīju par aktīvo saišu parādīšanos Direct, bet informāciju emuārā nepublicēju. Tāpat kā jebkurš cits atjauninājums, tas ir pieejams tikai atlasītai un nejaušai lietotāju daļai.

Jaunākie atjauninājumi padara Instagram vēl interesantāku e-komercijai un mazajiem uzņēmumiem, un cīņa par abonentiem kļūs vēl karstāka. Es tikai ceru, ka Instagram aktīvi apkaros saišu surogātpastu Direct.

Pirms iedziļināties kodēšanā, paskatīsimies apkārt un pievērsīsim uzmanību resursiem, ko globālais tīmeklis mums jau sniedz. Starp citu, to ir daudz, taču mēs apsvērsim divus no populārākajiem.

Vēl viens mūsu ievērības cienīgs serviss ir tas pats vienkāršais konstruktors, tikai pogu ar servisiem un tīkliem ir daudz vairāk, daļu no kuriem, jāatzīst, redzēju pirmo reizi. Galvenā atšķirība no Yandex.Technologies ir tā, ka mēs saņemam pilnībā ģenerētu skriptu, kas tiks apstrādāts nevis mākonī, bet tieši mūsu serverī.

Šķiet, ka ar tik brīnišķīgiem risinājumiem nevienam pat neienāks prātā “izgudrot riteni”? Bet nē, kāda rakstīts scenārijs ir tikai tik labs, cik mēs paši esam slinki, lai ar to nodarbotos. Protams, tas darbosies pareizi un pildīs savas funkcijas, taču tas ir universāls risinājums, kas rakstīts vispārējai vietņu masai, t.i. tajā nav ņemtas vērā mūsu personīgās mazās vajadzības un konvencijas.

Pirmkārt: pogu dizains ir praktiski dzelzs. Jā, tas ir atpazīstams un to nodrošina paši sociālie tīkli, taču tas vienkārši neatbilst mūsu vajadzībām. Nu, pogai ir noapaļotas malas, un mūsu vietnes dizains prasa, lai pogai būtu kvadrātveida, ko mums darīt? – Paņemiet spraitu un pārzīmējiet to! Ikviens, kurš to ir izmēģinājis, zina, ka tas ir nepateicīgs uzdevums: vienas pogas nomaiņa ir saistīta ar pieciem vai sešiem mēģinājumiem to “pareizi” novietot spraitā. Un tas ir tikai vienas/vairāku pogu aizstāšana, bet ja vietne ir gotiskā stilā un visām pogām jābūt tumšām?

Otrkārt: nav šaubu par Yandex uzticamību, taču pogas, atšķirībā no metrikas skaitītāja, kādu iemeslu dēļ ir grūti ielādējamas, un bieži vien ir redzama nobīde no lapas galvenā satura. Tas ir īpaši pamanāms ar labu ātrgaitas savienojumu, kad lapa gandrīz uzreiz avarē un jums ir vairāki bloki ar pogām.

Treškārt: pārbaudei ģenerējiet skriptu vietnē share24 - tas ir liels. Vai visas sniegtās koda rindas mums patiešām ir nepieciešamas? - Nedomā.

Tagad pāriesim pie paša skripta rakstīšanas, tas tiks sadalīts trīs daļās: HTML, CSS un faktiski pats kods, kas rakstīts JavaScript. Turklāt ērtības labad es izmantošu jQuery bibliotēku.

Mēs iekļaujam visus nepieciešamos failus:

Tagad mēs pievienojam skriptu failam share.js, tas izskatīsies šādi:

Var share = ( twitter: funkcija($this)( var dati = 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) atgriež 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; } }; !}

Pievienojiet lapai marķējumu:

Struktūra ir diezgan vienkārša, proti, iesaiņojums ar akciju klasi, kam seko div ar atribūtu data-share-data, kas tika minēts iepriekš. Līnija tiek veidota no četriem parametriem ar savām vērtībām.

url – adrese, kuru mēs kopīgojam;
img – attēls, ja tas nav nepieciešams, norādiet tukšu rindu;
title – lapas nosaukums;
teksts – mums nepieciešamais apraksts.

Iekšā div ir pašas pogas, kurām ir pievienots notikums onclick. Noklikšķinot, tiks izsaukta viena no iepriekš aprakstītajām metodēm.

Atliek tikai piešķirt pogām cilvēcisku izskatu un pievienot CSS:

Share(fona krāsa: #ececec; displejs: inline-block; polsterējums: 7px 5px; ) .share div:after( saturs: ""; displejs: bloķēt; skaidrs: abi; augstums: 0; ) .share div:first -child( margin-left: 0; ) .share .twitter, .share .vk, .share .facebook( fona attēls: url(share.png); margin-left: 7px; apmales rādiuss: 3px; augstums: 24px; pludiņš: pa kreisi; .share.twitter pozīcija: 0 -32 pikseļi; ) .share .vk:hover( fona krāsa: #3a5b7e; ) .share .facebook( fona krāsa: #3c5a98; background -position: 0 0; ) .share .facebook:hover( background -krāsa: #30487a;

Rezultātā pēc CSS pogas pievienošanas rezultāts izskatīsies šādi:

Tas pabeidz skripta rakstīšanu, piemērā izmantoju tikai trīs sociālos tīklus, ja vajadzēs savienot citus, tas nebūs grūti. Lai to izdarītu, koplietošanas objektam būs jāpievieno jauna metode, neaizmirstot pievienot arī papildu HTML un CSS. Saites pārpublicēšanai sociālajos tīklos var iegūt divos veidos:

Izmantojiet sociālā tīkla API, kas ne vienmēr palīdz;
Saņemiet to no līdzīga pakalpojuma, izmantojot firebug vai citu tīmekļa izstrādātāja rīku.

Es atzīmēju SMO (Sociālo mediju optimizācijas) nozīmi vietņu reklamēšanā. Tagad parunāsim tieši par to, kā veikt sociālo optimizāciju jūsu vietnē vai precīzāk, kā pievienot savai vietnei populāru tīklu sociālās pogas.

Pirmkārt, es jums parādīšu, kā tam patiesībā vajadzētu izskatīties vietnē. Daudzos emuāros un ziņu vietnēs jebkura raksta apakšā var redzēt kaut ko līdzīgu:

Tās ir sociālās pogas, pateicoties kurām tiek sasniegts SMO, un pēc tam sociālā aktivitāte. Šis raksts ir veltīts jautājumam par to, kur iegūt šo sociālo tīklu kodu. pogas un kā tās pareizi instalēt savā vietnē. Vispirms apsvērsim pakalpojuma Google+ instalēšanu.

1. Pievienojiet vietnei Google+ pogu

2. Pievienojiet vietnei pogu “Patīk” no VKontakte un Facebook. 2.1. Man patīk no Facebook

Sāksim ar Facebook pogas koda iegūšanu. Lai to izdarītu, apmeklējiet šo lapu: https://developers.facebook.com/docs/plugins/like-button. Jums vajadzētu redzēt šādu attēlu:

Augšējā labajā stūrī varat redzēt, kā poga izskatīsies jūsu vietnē. Apskatīsim parametrus, kurus var iestatīt:

1. URL uz Patīk
Šis ir izvēles parametrs. Ja atstājat lauku tukšu, katrai lapai būs savs individuālais, piemēram, skaitītājs. Ja tur ievadīsiet konkrētu URL, skaitītājs būs viens (atzīmes Patīk tiek summētas no visām šīs vietnes lapām).

2. Poga Sūtīt
Pievienojiet vai noņemiet pogu ziņojumu sūtīšanai. Iesaku noņemt šo pogu, jo... Mūsu mērķis ir vienkārši nospiest pogu “Patīk”, lai gan, iespējams, jums ir pavisam citi mērķi.

3.Izkārtojuma stils
Pogu displeja stils. Personīgi man vislabāk patīk standarta.

4. Platums
Pogas platums pikseļos. Es parasti iestatu ne vairāk kā 100 pikseļus.

5. Darbības vārds, kas jāparāda
Kas tiks parādīts uz pogas: “Man patīk” vai “Iesaku”. Es parasti izvēlos pirmo opciju (noklusējumu), jo tas ir efektīvāks veids, kā motivēt lietotāju patīk.

6. Krāsu shēma
Krāsu diapazons: balts vai melns.

7.Fonts
Vienkārši iestatiet fontu uzrakstam "Man patīk".

Pēc iestatījumu iestatīšanas noklikšķiniet uz pogas “Saņemt kodu” un ievietojiet to vietnē. Kopējais facebook pogas kods:

(funkcija(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 patīk no VKontakte

Tagad apskatīsim, kā no VKontakte iegūt pogas “Patīk” kodu. Lai to izdarītu, dodieties uz šo lapu: https://vk.com/dev. Jums vajadzētu redzēt šādu lapu:

Vispirms jums būs jāpievieno jauna vietne. Lai to izdarītu, nolaižamajā izvēlnē “Vietne/lietojumprogramma” atlasiet opciju pievienot jaunu vietni:

Pēc jaunas vietnes pievienošanas saglabājiet to. Tagad nolaižamajā izvēlnē atlasiet vajadzīgo vietni. Tam seko neliels skaits parametru: “pogas opcija”, “augstums”, “pogas nosaukums” - tas viss ir pielāgojams jūsu gaumei. Beigās būs pogas kods:

VK.init ((apiId: 2872188, tikai logrīki: true )); VK.Widgets.Like ("vk_like", (tips: "poga") ); 3. Pievienojiet vietnei tvīta pogu

Tāpat kā iepriekšējos gadījumos, vispirms dodieties uz vietu, kur saņēmāt un konfigurējāt pogu.

Varētu būt noderīgi izlasīt: