Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Windows 10
  • Vaš vlastiti tekst gumba "Sviđa mi se" Vkontakte. Dinamičan sadržaj

Vaš vlastiti tekst gumba "Sviđa mi se" Vkontakte. Dinamičan sadržaj

Ubio sam nekoliko dana dok nisam shvatio sva zvona i zviždaljke tipki "like" s VKontaktea i Facebooka. Što je s dinamičkim sadržajem? Kako promijeniti tekst posta na zidu?
O Facebooku ću detaljno pisati u nekom drugom članku, tamo su principi drugačiji. Dok se želim usredotočiti na popularno gumb "Sviđa mi se" iz Vkontaktea.

Sada se već jako razlikuje od prvih prototipova, koji su bili samo linkovi na stranice za obradu kontakata, i od onih koji su već imali brojače.

Trenutno je gumb "Sviđa mi se" dio API-ja Vkontakte, samo se povezuje s widgetima za označavanje samo, ako se ne varam, i widget je koji koristi glavni Vkontakte API.

To znači da možemo sigurno koristiti sve mogućnosti ovog API-ja, često uklanjajući ograničenje "samo widgeti" prilikom povezivanja. Zanimljivo je da donedavno nije bilo informacija o mogućnostima funkcije VK.Widgeti.Sviđa mi se (), pa sam morao sam patiti. No, sada nam je sve objašnjeno na posebnoj stranici dokumentacije za widget gumba "like".

Dakle, da biste povezali gumb koji mi se sviđa, morate otići na web stranicu VK "za programere" -> "Widgeti i web-mjesta trećih strana" -> "" Sviđa mi se ". Ako je potrebno, povežite stranicu i odaberite parametre gumba.

Povezali smo API skripte i inicijalizaciju aplikacije za rad sa samim VKontakte API-jem, a posebno s Jeanneinim slučajem - widgetom "Sviđa mi se".
Na pravo mjesto na stranici ubacujemo kod gumba widgeta:

Zatim, u pravom trenutku, na primjer prema spremnom dokumentu, prikazujemo gumb:

VK.Widgets.Like ("profprogru_vk_like", (tip: "gumb"));

To je to, sada imamo gumb s brojačem. Ali ovo nam nije dovoljno, zar ne?

Kako napraviti gumb "Sviđa mi se" Vkontakte za web mjesto s dinamičnim sadržajem, gdje se mijenja url stranice, ili samo nekoliko gumba s različitim poveznicama? Postoji samo jedno načelo, modificirat ćemo kod:

VK.Widgets.Like ("profprogru_vk_like", (tip: "button", pageTitle: "Slobodni tekst", pageDescription: "Popup text", pageUrl: "ovdje je poveznica na stranicu"), 666);

Sada objašnjavam, ažuriramo gumb. U vitičastim zagradama, parametri widgeta "Sviđa mi se", tip: gumb s brojačem, tekst posta VKontakte, skočni tekst, poveznica stranice, a 666 je jedinstveni identifikator veze za brojanje sviđanja. Oni. možemo instalirati nekoliko gumba "like". s različitim identifikatorima i jednom vezom, ili čak nekoliko potpuno različitih tipki "like". s različitim poveznicama i prikazom.

Nadamo se da informacija nije bila beskorisna.




Što daju VKontakte

Naučit ćemo kako lajkati VKontakte ispod objava i ispod slika. Gledamo popis svih ljudi koji su stavili srca pod određeni unos. Koristimo aplikaciju Lycomer, koja vam omogućuje da vidite koji postovi na zidu dobivaju najviše srca. Naučit ćemo kako dobiti lajkove na vaše objave.

"ja volim"u VK je način izražavanja slaganja s autorom objave, odobravanja informacija sadržanih u njemu. Tako se svaki korisnik VKontaktea može osjećati uključenim u određenu objavu.

Dugme " ja volim"VKontakte je predstavljen u obliku srca. Ima vrlo estetski izgled. Widget" ja volim"Cijene milijuni korisnika. Redovito kliknu ovaj gumb." ja volim"u VK se nalazi s desne strane posta. To je svijetloplavo srce, a nakon pritiska srce postaje plavo.

Kako lajkati objavu

Kako staviti srce u VKontakte? Jako jednostavno.

Sada znate kako napraviti srca. Možete lajkati bilo koji post koji vam se sviđa. U javnosti i grupama obično ima puno srca, jer mnogi korisnici vole lajkati. Objave u popularnoj javnosti za nekoliko minuta skupe stotine lajkova. Očaravajući prizor: ulazite u " vijesti"i vidite kako se pod određenom objavom postupno povećava puno lajkova. Korisnici istovremeno vole svježu objavu, jedva da je vide u feedu.

Kako lajkati sliku

Pogledajmo i kako staviti srca ispred slike. I lako je.


Time smo dali do znanja da nam se slika sviđa.

Zašto su potrebni lajkovi?

Neki ljudi ne razumiju zašto su lajkovi potrebni u VKontakteu. Odgovor je jednostavan: tako da osoba može pokazati da mu se objava sviđa, a autoru objave - da vidi da je objava izazvala pozitivne emocije kod korisnika. Zašto bi autor znao koliko je korisnika lajkalo objavu? Kako biste bili u toku s preferencijama korisnika i znali kakve informacije treba objaviti u grupi ili javnosti.

Što VKontakte lajkovi daju? Ljudi vide da je objava skupila puno lajkova i razumiju da zaslužuje pažnju. Ljudi neće tek tako proći pored takvog VK zapisa. Oni će ga svakako pročitati i razmisliti o informacijama sadržanim u njemu.

Kada su se pojavili lajkovi?

Mnogi su zainteresirani kada su se lajkovi pojavili na VKontakteu. To se dogodilo relativno nedavno. Pojavio se gumb 12. listopada 2010... Prošlo je tek nešto više od tri godine. A onima koji su već dugo registrirani, čini se da ova značajka postoji već jako dugo. I nije iznenađujuće, jer sada je već teško zamisliti svoje aktivnosti na društvenoj mreži bez ovog gumba.

Najveći broj lajkova prikupila je objava u javnosti “ glazba, muzika". Bilo ih je 1.500.000.

Kako pogledati lajkove

Ako želite znati kako gledati VK likeove, samo zadržite pokazivač iznad srca. Odmah ćete vidjeti popis ljudi kojima se objava svidjela.

Također možete kliknuti na prozor koji se otvori, a zatim ćete vidjeti kompletan popis onih kojima se svidio.

Sada znate kako vidjeti lajkove drugih ljudi. Vrlo je jednostavno. Možda ćete impresionirani ogromnim popisom, također ćete poželjeti kliknuti na srce. I već smo rekli kako se sviđa VKontakte.

"Lycomer"

VKontakte ima zanimljiv program koji korisniku omogućuje da vidi koje objave na njegovom zidu dobivaju najviše lajkova i tko najviše voli. Program se zove " Lycomer". Nema potrebe za preuzimanjem VKontakte likera, samo trebate pokrenuti aplikaciju na ovoj adresi.

Pozdrav svima! Danas ćemo govoriti o takvim čipovima kao što su " ja volim"Iz VKontaktea i Facebooka. Reći ću vam kako instalirati na web mjesto Sviđa mi se dugme... Kako prilagoditi gumb Sviđa mi se iz VKontaktea.

Ovdje posjetitelji čitaju članke na vašem blogu ili web stranici, napisali ste sjajan materijal, "bravo" - kažu vaši čitatelji, ali previše lijeni komentirati... Pa, morate se ili prijaviti ili ispuniti polja obrasca: svoje ime , napišite komentar, pa čak i unesite captcha, gdje se simboli ne mogu uvijek rastaviti ... Ovdje će gumb biti koristan ja volim! Čovjek klikne na to i to je to!

I nakon nekog vremena vi, nakon što ste ušli u svoj članak, zadržite pokazivač miša iznad gumba " ja volim"- pojavit će se prozor u kojem će se prikazati svi ljudi kojima se vaš članak stvarno svidio sa svojim avatarima, klikom na koji možete otići na profil osobe na web stranici vkontakte ili facebooku. A, ako želite, možete ga upoznati, a možda i surađivati ​​u budućnosti!

Idemo dalje Volim instalirati gumb s vkontakte.ru

Kako da instaliram gumb koji mi se sviđa na web-stranicu ili blog?

Idi na stranicu kao widget ovdje dalje ovaj link... Vidjet ćete obrazac za postavljanje gumba Sviđa mi se iz vkontakte.

Ovdje mislim da je sve jednostavno - ispunite polja obrasca, naziv, adresu stranice, glavnu domenu stranice, odaberite opciju gumba Sviđa mi se iz VKontaktea... Odabiremo visinu gumba (ova se opcija nedavno pojavila). Obratite pažnju na ugrađeni kod, prvi dio koda prije riječi zalijepite između oznaka web-lokacije. Ako je vaš blog napravljen na CMS WordPress-u, tada se oznake nalaze u datoteci header.php. Zalijepite drugi dio ovog koda na željeno mjesto na vašoj web-lokaciji, gdje biste željeli vidjeti gumb Sviđa mi se iz vkontakte... Opet, ako imate WordPress blog, onda zalijepite kod u single.php datoteku svoje teme.

Prilagođavamo gumb koji mi se sviđa iz VKontaktea.

Gumb " ja volim»Vkontakte ima još nekoliko zanimljivih postavki osim onih izričito navedenih u samom obrascu. Rastavimo ih:

Širina- širina gumba mi se sviđa
Naslov stranice- naziv stranice (prikazano na zidu VKontakte)
pageDescription- kratki opis (prikazano na zidu)
pageImage- adresa sličice (prikazano na zidu)
tekst- vaš će se tekst pojaviti na zidu VKontakte (ne više od 140 znakova).

Ovi parametri su postavljeni u liniji VK.Widgets.Like ("vk_like", (tip: "full")); odvojeno zarezima iza atributa upišite: "puna"... To će izgledati ovako:
VK.Widgets.Like ("vk_like", (tip: "full", širina: 100, visina: 20, pageTitle: "Sviđa mi se gumb", pageDescription: "Kako instalirati gumb koji mi se sviđa na svoju stranicu", tekst: "Zanimljiv, koristan članak! "));

Na ovo s gumbom Sviđa mi se iz VKontaktea Završit ću. Još nekoliko riječi o facebook gumb, ovdje je sve puno jednostavnije! Ispod je kod gumba, preuzmite ga na kraju ovog članka i zalijepite na svoju stranicu, gdje želite vidjeti ovaj gumb.


Ne morate ništa mijenjati u kodu.

To je to za danas! Sada znaš kako instalirati gumb koji mi se sviđa iz vkontaktea i facebook na svoju web stranicu ili blog. Kako prilagoditi gumb koji mi se sviđa iz VKontaktea... Nadam se da vam je ovaj članak bio od pomoći. Savjetujem vam da nove članke primate e-poštom, pred vama je puno novih zanimljivih informacija, besplatnih video tečajeva, skripti i natjecanja moje stranice.

Ako imate web stranicu ili blog, zašto ne upotrijebite ove društvene mreže za izgradnju, čineći projekt sve popularnijim.

U tome će nam pomoći gumbi "Sviđa mi se" iz Vkontaktea, Facebooka, kao i gumbi Tweet i Google +1, koji će se nalaziti na kraju članka.

Djeluju vrlo jednostavno! Kada je posjetitelj vaše stranice pročitao članak i svidio mu se, tada će najvjerojatnije htjeti izraziti svoje mišljenje o njemu.

Ali mnogima je teško ostaviti komentar, potrebno je unijeti "Ime", "Mail", "Site" i "AntiCaptcha", a onda vide gumb "Sviđa mi se" kliknu na njega i posao je gotov , veza na vašu objavu bit će prikazana na društvenoj mreži posjetitelja i svi njegovi pretplatnici i prijatelji mogu je vidjeti.

A to su već novi besplatni posjetitelji, plus tražilice vole društvene signale i lako mogu početi rangirati takvu stranicu više u TOP rezultatima.

U prošloj lekciji, rekao sam, u obliku ikona smještenih okomito ili vodoravno bilo gdje na web mjestu - svakako pročitajte članak.

Gumb "Sviđa mi se" iz Vkontaktea

Kako biste na stranicu dodali gumb "sviđa mi se", prvo što trebate učiniti je otići na stranicu za registraciju gumba vkontakte i ispunite polja s nazivom vaše stranice.

Sada morate kopirati "1 komad koda" i dodajte ga u datoteku header.php prije završne oznake .

1 2 3 4 < script type= "text/javascript" src= "http://userapi.com/js/api/openapi.js?49"> < script type= "text/javascript" >VK. init ((apiId: 2970045, samo Widgeti: istina));

Pošto sam napravio izlaz nakon teksta članka, pa sam kod zalijepio u datoteku single.php.

1 2 3 4 < div id= "vk_like" > < script type= "text/javascript" >VK. Widgeti. Sviđa mi se ("vk_like", (tip: "gumb", visina: 18));

Ponovno učitajte stranicu i pogledajte rezultat.

Gumb Google +1

Kako biste dodali gumb "google +1" na web stranicu ili blog, slijedite ovo veza i završava na stranici jednostavnog konstruktora.

Odaberite veličinu gumba (mali, srednji, veliki). Ne zaboravite odabrati ruski.

Zatim ubacite "1 dio koda" na mjesto gdje planirate instalirati gumb "google +1". Napravio sam njegov izlaz nakon teksta članka, pa sam zalijepio kod u datoteku single.php.

< g: plusone size = "medium">

1 2 3 4 5 6 7 8 9 < script type= "text/javascript" >prozor. ___gcfg = (lang: "ru"); (funkcija () (var po = document. createElement ("script"); po. type = "text / javascript"; po. async = true; po. src = "https://apis.google.com/js/plusone.js"; var s = dokument. getElementsByTagName ("skripta") [0]; s. parentNode. umetnuti Prije (po, s); )) ();

Ponovno učitajte stranicu i pogledajte rezultat. Ako vam se gumb ne sviđa, možete promijeniti njegove postavke u dizajneru.

Tipka Tweet

Ako želite instalirati gumb "tweet" s twitter društvene mreže mikroblogiranja, slijedite ovo veza i bit ćete odvedeni na stranicu konstruktora.

Od ponuđenih gumba odaberite onaj koji vam najviše odgovara. Svidjela mi se opcija "Pošalji vezu".

Odaberite ruski jezik u postavkama i kopirajte kod na mjesto gdje planirate prikazati gumb "tweet". U mojoj verziji, ovo je datoteka single.php.

Ponovno učitajte stranicu i uživajte u rezultatu.

Facebook gumb Like

Da biste dodali gumb koji mi se sviđa s facebooka, morate otići na ovo veza i izvršite potrebne postavke za vas.

URL za sviđanje- ovo polje nije popunjeno.

Gumb za slanje (samo XFBML) - Uklonio sam potvrdni okvir gumba za slanje kako ne bi bilo dodatnog gumba za slanje.

Stil izgleda- format gumba. Svidio mi se botton_count, ali znaš okus i boju, kako se to događa s prijateljima.

Pokažite lica- stavite kvačicu da vidite avatare onih kojima se članak svidio.

Širina- označava širinu. Sve sam ostavio nepromijenjeno.

Glagol prikazati- odaberite koji će se natpis nalaziti na facebook gumbu. Ovdje postoje samo dvije opcije: "Kao"- Sviđa mi se ili "Preporuči"- Preporučam.

Shema boja- odaberite shemu boja. Za tamno ( tamno) ili svjetlo ( svjetlo) stranica.

Font- možete odrediti određeni font za naziv gumba ( arial, verdana ostalo).

Prvi dio koda postavlja se prije završne oznake. u spisu footer.php.

1 2 3 4 5 6 7 8 < div id= "fb-root" > < script>(funkcija (d, s, id) (var js, fjs = d. getElementsByTagName (s) [0]; 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); ) (dokument, "skripta", "facebook-jssdk"));

Drugi dio facebook koda gumba "like" dodaje se na mjesto gdje će se gumb prikazati. Pod mojim tekstom znači datoteka single.php.

< div data- send= "false" data- layout= "button_count" data- width= "450" data- show- faces= "true" >

Ponovo pokrenite i vidite rezultat.

Nakon neke prilagodbe položaja gumba "Sviđa mi se" Vkontakte, Facebook, kao i "Tweet" i "Google+", dobio sam sljedeći rezultat.

To je sve! Nadam se da će vam moj članak pomoći pri postavljanju i instalaciji gumba društvenih medija. Ne propustite sljedeće objave, pretplatiti se ažuriranja bloga.

Ako nešto ne uspije ili imate pitanja o temi, pišite službi podrške ili ostavite komentar, svakako ću pomoći!

Ovdje možete preuzeti jedinstveno predlošci za bloger... Teme u ovoj zbirci su naprednije SEO optimizacija.

Jezici: engleski ruski.

Vrste: Vijesti, Magazin, Blog, Minimalizam, Portfolio, Jednostrani, Galerija, Mreža "mreža", Internet trgovina, Vizitnice, Korporativne stranice.

Teme: Sport, Fotografije, Igre, Kuhanje, Stil i moda, Žene, Djeca, Automobili, Zdravlje, Putovanja, Turizam, Dizajn, Obnova doma, Interijer, Priroda, Životinje, Ples, Video, Glazba, Politika, Gospodarstvo, Posao, Forex, Umjetnost, slike, pozadine, zarada, nekretnine, ribolov, lov, softver, softver, aplikacije za Android igre.

Tehnologije: Jquery, AMP, Bootstrap, Ajax, Javascript, Responsive Design.

Najbolji predlošci za bloger, izbor korisnika

UberSpot je izvrsno rješenje za one koji cijene lijep dizajn, SEO optimizaciju i učinkovitu funkcionalnost. U ovoj temi ćete pronaći brojne cool i produktivne inovacije, kao što su novi Instagram widget, Sitemap, postovi, komentari, itd. Također možete koristiti dvije različite vrste izgleda.

Nezaustavljivi osvajač niše. Ovo je idealno rješenje za pojedinačna tematska mjesta i bloganje. Ideja iza teme bila je implementirati beskrajnu navigaciju koju tražilice mogu pratiti. Dakle, novi navigacijski sustav, za razliku od prethodnih, ne samo da će povećati faktor ponašanja, već će ga i u potpunosti prikazati, što će za posljedicu imati povećanje pozicije stranice u pretraživanju. No, to nije sve, Unstoppable je idealan za resurse čiji je promet uglavnom s mobilnih uređaja. Zašto? Budući da je pojavom SEO trenda mobilnog prvog indeksa Google počeo cijeniti ne samo brzinu učitavanja stranice, već i upotrebljivost stranice na mobilnim uređajima. I Unstoppable u potpunosti zadovoljava ovaj kriterij.

Dizajniran na temelju novih Bloggerovih tema iz (CNES) serije. Sposoban riješiti mnoge zadatke. Možete ga koristiti sa svim widgetima ili djelomično kao blog s osobnim podacima. Brzina učitavanja stranice će vas ugodno iznenaditi.

BlogBoard je jedan od najboljih gridera u 2018. Kombinira nekoliko stilova odjednom. Može se koristiti kao online blog trgovina. Odradit će izvrstan posao predstavljanja vaših vještina i usluga pa će dobro funkcionirati i za portfelj.

Dionis ima pojednostavljeni stil slanja poruka. Pogodno za sve niše i priče. Od čipova se može razlikovati prekrasan preloader (animacijska slika prije učitavanja glavne stranice), preporučene poruke iskaču s desne strane prilikom pomicanja stranice.

To je brz i fleksibilan model koji je apsorbirao nekoliko dodataka za društvene mreže. Izvrsna opcija za one koji cijene svoje vrijeme. Prevedeno na ruski.


Mistik dolazi u četiri različita stila. Možete odabrati onu koja vam se najviše sviđa. Jednostavna prilagodba jelovnika, boja i drugih elemenata, omogućuju vam stvaranje vlastitog jedinstvenog dizajna.


NewsB je lagana tema vijesti s kombinacijom boja, jednostavnih, ali elegantnih widgeta dizajniranih za razne teme i kategorije sadržaja. NewsB je potpuno prilagodljiv i besprijekorno podržan od strane svih modernih preglednika. Puna verzija uključuje najnovije blogger SEO postavke do danas, što će omogućiti vašoj web-lokaciji da još više podigne rang tražilice.

Minima Mag je moderan predložak vijesti s responzivnim dizajnom, brzim učitavanjem poruka, elegantnim gadgetima i, naravno, čistim dizajnom koji neprimjetno spaja tri boje kako bi Minima Mag bio uredan i elegantan.

Sjajna tema klasičnog stila dizajnirana za ženske web stranice i blogove. Avicia je profesionalna tema elegantnog i modernog dizajna koja čitateljima može inspirirati i prenijeti samo pozitivne emocije.

Dream Press, spada među najbolje teme blogera. U njemu ćete vidjeti moderan, elegantan, moderan i jednostavan dizajn. Općenito, sve ove kvalitete pomoći će zadržati čitatelja na web mjestu.

Jedina stvar koju trebate znati o ExGPressu je da ima funkcionalnost koja je najprikladnija za korisnika kako bi se slagala s društvenom mrežom, što će vašoj stranici pružiti veliku stopu povrata. Svemu tome možete dodati SEO optimizaciju, veliku brzinu učitavanja i veliku zalihu prostora za gadgete i oglase. ExGPress je dizajniran posebno za udobno gledanje sadržaja i najbolju interakciju s tražilicama, što ga čini jednim od najboljih blogerskih predložaka današnjice. Neki dan smo mu dodali novu funkciju, plutajuće bočne trake, pri pomicanju prema dolje ili prema gore po stranici se bočne trake s widgetima pomiču nakon pomicanja.

Grid Line moderan je i moderan predložak za blogspot. Svi njegovi elementi pomno su odabrani, optimizirani i izgrađeni na način da maksimalno usmjere pozornost čitatelja na sadržaj. Grid Line stvoren je ne samo da uspješno promovira vaš web resurs u tražilicama, već i da razveseli njegove korisnike i čitatelje.

Vrhunski povezani članci