Vk páči sa mi to. To, čo má VKontakte rád, dáva. Najlepšie šablóny bloggerov, výber používateľov

Ahoj! Dnes vám poviem, ako rýchlo vytvoriť aplikáciu a vložiť tlačidlo " mám rád"zo sociálnej siete bez zbytočných pluginov.

Možno ste si všimli, že nedávno som toto tlačidlo po príspevkoch konečne zaskrutkoval. „Konečne“ som napísal z nejakého dôvodu, pretože sa vyskytli problémy s pripojením tohto tlačidla k API VK, v dôsledku čoho som dostal nápis „ Narušenie zabezpečenia otvoreného rozhrania API"a nekonečne bežiaci indikátor priebehu. Ako sa ukázalo, celý zmysel bol v banálnom písaní adresy stránky v nastaveniach." Otvoriť API"v samotnom VKontakte (o tom budem písať nižšie).

Takže utiahnite gombík" mám rád".

Najprv si prejdeme náš profil VK (nezabudnite použiť náš vlastný, pretože budeme musieť vytvoriť aplikáciu). Ďalej prejdite na stránku na vytvorenie miniaplikácie a pozrite si podobný formulár:

Prvé pole" Webová stránka / Aplikácia"- tu si hneď vytvoríme aplikáciu bez zbytočných gest, ale viete, ja som to tak urobil a vytvára sa to nejako cez * ups krivo."

Vytvorenie a konfigurácia aplikácie

Preto je lepšie robiť zbytočné gestá a prejsť na stránku vytvorenia aplikácie, do príslušného poľa zadajte ľubovoľný názov a potom vyberte typ: " webové stránky", a do poľa vyplňte popis, nie je to však potrebné. Ďalej kliknite na tlačidlo " Prejdite na stiahnutie aplikácie"a zadajte captcha."

Všetko! Aplikácia je vytvorená a máme pred sebou formulár s jej nastaveniami:

Prvá karta " Informácie“, teraz je pre vás aktívna, môžete načítať ikonu aplikácie, zadať údaje, vybrať skupinu.

Ďalšia karta " nastavenie", ona je najdôležitejšia! Upozorňujeme, že úplne hore je zvýraznené tučným písmom IDčíslo vašej aplikácie (pripojí vaše tlačidlo), potom prejde „ Chránený kľúč“, nedotýkajte sa toho.

Webová adresa: http://yoursite.com/ (adresa, ku ktorej pripájate Open API. Ak túto aplikáciu používate na inej stránke alebo na lokálnom hostiteľovi, nebude fungovať. Aplikácia je úplne prepojená so zadanou adresou lokality tu.)

Ďalšia lomka v nastaveniach adresy a vaše tlačidlo sa nezhodujú, zobrazí sa chyba " Narušenie zabezpečenia otvoreného rozhrania API".

To je všetko, uložte zmeny, ostatné karty nie je možné nakonfigurovať.

Prispôsobte a vložte tlačidlo

Vraciame sa do formulára na vytvorenie tlačidla a tu je už v poli " Webová stránka / Aplikácia„Vaša aplikácia by sa mala objaviť v rozbaľovacom zozname, vyberte ju.

Ďalšia položka " Možnosti tlačidiel"- vyberte si, ktorý z nich vám najviac vyhovuje pre dizajn, nižšie pod formulárom je okamžite uvedený vizuálny príklad tlačidla. V súčasnosti existujú 4 typy tlačidiel:

  • Tlačidlo s počítadlom textu
  • Miniatúrne tlačidlo počítadla
  • Miniatúrne tlačidlo
  • Miniatúrne tlačidlo, počítadlo navrchu

Typ tlačidla bol vybratý, teraz položka " Názov tlačidla", zatiaľ existujú 2 možnosti (vyberte si ľubovoľnú):

  • mám rád
  • Je to zaujímavé

No, konečne sme prišli na ihrisko " Vložiť kód". Keď si vyberiete svoju aplikáciu v prvom poli, jej ID sa automaticky vloží do kódu. Tento kód je potrebné vložiť na dve miesta na Vašej stránke, vývojári to špeciálne okomentovali, ale vysvetlím to aj práve v prípad.

Prvý kus kódu:

je potrebné vložiť do značky:

A druhý diel:

potrebné vložiť na miesto stránky, kde má byť tlačidlo zobrazené.

Nevkladaj moj kod, dal som to ako priklad, hlavne ze mam zle nastavene tlacidlo a nie je uvedene ID.

A je to, váš gombík je pripravený!

Obtočte tlačidlo

Ako vidíte, tlačidlo je umiestnené v div s idishinikom" vk_like", kde je zaregistrovaný štýl jeho zobrazenia. A v tomto štýle vývojári zaviedli pravidlo:

Jasné: oboje;

Ako vieme, toto pravidlo ruší tok okolo prvku z pravého a ľavého okraja, teda ak chcete, aby vaše tlačidlo bolo v súlade so zvyškom sociálnych tlačidiel. siete, možno sa vám ani nesníva, hrdo bude stáť na novej linke. Aby ste tomu zabránili a tlačidlo sa stále vrátilo do riadku, nahraďte:

Tým sa zruší zrušenie (:-D) toku okolo prvku a " dôležité"zvyšuje prioritu vášho štýlu, to znamená, že vaše pravidlo v očiach prehliadača bude hlavné.

No, zdalo sa, že povedal všetko, čo chcel)))) Dúfam, že ste všetko pochopili a podarilo sa vám vložiť tlačidlo!

A ak máte pred vložením tlačidla ešte veľa času, keďže ešte nemáte vlastnú stránku, možno vám s tým pomôže vytvorenie stránok Cheboksary.

Ahojte všetci! Dnes budeme hovoriť o čipoch ako „ mám rád„Z VKontakte a Facebooku. Poviem vám, ako nainštalovať na stránku Páči sa mi tlačidlo... Ako prispôsobiť tlačidlo Páči sa mi z VKontakte.

Návštevníci tu čítajú články na vašom blogu alebo webovej stránke, napísali ste skvelý materiál, "dobre" - hovoria vaši čitatelia, ale príliš leniví komentovať ... Musíte sa buď prihlásiť alebo vyplniť polia formulára: vaše meno , napíšte komentár a dokonca zadajte captcha, kde sa symboly nedajú vždy rozobrať ... Tu sa bude tlačidlo hodiť mám rád! Človek na to klikne a je to!

A po chvíli, keď zadáte svoj článok, umiestnite kurzor myši na tlačidlo " mám rád“- objaví sa okno, v ktorom sa zobrazia všetci ľudia, ktorým sa váš článok skutočne páčil so svojimi avatarmi, kliknutím na ktoré môžete prejsť na profil osoby na webovej stránke vkontakte alebo na Facebooku. A ak chcete, môžete ho spoznať a možno aj v budúcnosti spolupracovať!

Poďme ďalej Rád si nainštalujem tlačidlo z vkontakte.ru

Ako nainštalujem tlačidlo, ktoré sa mi páči, na webovú stránku alebo blog?

Prejdite na stránku ako widget tu ďalej tento odkaz... Zobrazí sa formulár na nastavenie tlačidla Páči sa mi z vkontakte.

Tu je podľa mňa všetko jednoduché - vyplňte polia formulára, názov, adresu stránky, hlavnú doménu stránky, vyberte možnosť tlačidla Páči sa mi z VKontakte... Vyberieme výšku tlačidla (táto možnosť sa objavila nedávno). Venujte pozornosť vloženému kódu, prvej časti kódu pred slovami vložte medzi značky vašej lokality. Ak je váš blog vytvorený na CMS WordPress, potom sa značky nachádzajú v súbore header.php. Prilepte druhú časť tohto kódu na požadované miesto na vašej stránke, kde by ste chceli vidieť tlačidlo Páči sa mi z vkontakte... Opäť, ak máte blog WordPress, vložte kód do súboru single.php svojej témy.

Prispôsobujeme tlačidlo, ktoré sa mi páči z VKontakte.

Tlačidlo " mám rád»Vkontakte má niekoľko ďalších zaujímavých nastavení okrem tých, ktoré sú výslovne uvedené v samotnom formulári. Poďme si ich rozobrať:

šírka- šírka gombíka sa mi páči
názov stránky- názov stránky (zobrazený na stene VKontakte)
stranaPopis- krátky popis (zobrazený na stene)
pageImage- adresa miniatúry (zobrazená na stene)
text- váš text sa zobrazí na stene VKontakte (nie viac ako 140 znakov).

Tieto parametre sa nastavujú v riadku VK.Widgets.Like ("vk_like", (typ: "full")); oddelené čiarkami za atribútom typ: "plné"... Bude to vyzerať takto:
VK.Widgets.Like ("vk_like", (typ: "full", šírka: 100, výška: 20, pageTitle: "Páči sa mi tlačidlo", popis stránky: "Ako nainštalovať tlačidlo, ktoré sa mi páči na mojej stránke", text: "Zaujímavý, užitočný článok!"));

Na to tlačidlom Páči sa mi z VKontakte Dokončím. Ešte pár slov o tlačidlo facebook, tu je všetko oveľa jednoduchšie! Nižšie je uvedený kód tlačidla, stiahnite si ho na konci tohto článku a vložte ho na svoju stránku, kde chcete vidieť toto tlačidlo.


V kóde nemusíte nič meniť.

To je na dnes všetko! Teraz už viete ako nainštalovať tlačidlo, ktoré sa mi páči z vkontakte a facebook na váš web alebo blog. Ako prispôsobiť tlačidlo, ktoré sa mi páči z VKontakte... Dúfam, že vám tento článok pomohol. Odporúčam vám, aby ste dostávali nové články e-mailom, čaká vás veľa nových zaujímavých informácií, bezplatné video kurzy, skripty a súťaže na mojej stránke.

Vo všeobecnosti je pre Likes veľké množstvo pluginov, napríklad výborný plugin Pluso (je skôr na zdieľanie ako na like, ale plugin je super), no ak by ste si predsa len potrebovali nainštalovať štandardné lajky, tak hodím v malom návode (najskôr pre seba ;)) ...

Widget „Páči sa mi“ – Páči sa mi na stránke VKontakte

Ak chcete vytvoriť hodnotenia Vkontakte, prejdite na túto stránku http://vk.com/dev/Like, potom si prispôsobte vzhľad samotného tlačidla, zadajte názov, adresu, hlavnú doménu a predmet alebo vyberte požadovanú stránku z rozbaľovacej ponuky dolný zoznam. Vyberieme možnosť tlačidla, po výbere sa nižšie zobrazí príklad budúceho tlačidla, vyberte výšku tlačidla a jeho názov.

Kliknite na tlačidlo Uložiť a získajte kód na uverejnenie na webe, ako je tento:

Potom kód, ktorý vyzerá asi takto:

vložíme do kódu našej stránky pred uzatváraciu značku, pre stránky na CMS WordPress je potrebné tento kód pridať do súboru hlavička.php.

Dôležité! Ak ste už na stránku pridali komentáre Vkontakte alebo nejaké iné miniaplikácie Vkontakte, tento kód už bude zverejnený na stránke, nemusíte ho pridávať dvakrát.

Druhá časť kódu, ktorá vyzerá asi takto:

vkladáme do kódu našej stránky na miesto, kde má byť zobrazené tlačidlo "Páči sa mi to", pri stránkach na CMS WordPress sa tento kód najčastejšie pridáva do súboru single.php.

Like Button pre Facebook

Kliknite na „Získať kód“ - a vo vyskakovacom okne dostaneme kód na uverejnenie na stránke:

Prvý kúsok kódu, ktorý vyzerá asi takto:

Do kódu našej stránky umiestňujeme za úvodnú značku .

Dôležité! Ak ste už predtým na stránku zverejnili miniaplikáciu komentárov na Facebooku alebo iné miniaplikácie Facebooku, potom tento kód už na stránke máte a nemusíte ho vkladať dvakrát.

Druhá časť kódu, ktorá vyzerá asi takto:

skopírujte ho na svoju stránku na miesto, kde sa zobrazí tlačidlo Páči sa mi.

Dôležitý bod! Pri kopírovaní kódu do súborov akéhokoľvek CMS je potrebné nahradiť parameter data-href v druhom bloku (adresa lokality):

do kódu pre trvalé odkazy vašej stránky, pre CMS WordPress je to taka získame nasledujúci kód pre druhý blok, ktorý je potrebné vložiť do výstupného umiestnenia tlačidla Páči sa mi:

Pre DLE vyzerá kód pre tlačidlo Páči sa mi na Facebooku takto:

Pre Drupal je kód tlačidla Páči sa mi na Facebooku:

PRAVDA)); ?> "data-layout =" štandardné "data-action =" ako "data-show-faces =" true "data-share =" true ">

Vytvorte tlačidlo Tweet alebo tlačidlo Tweet

Tlačidlo Tweet je na tejto stránke prispôsobiteľné.

V skutočnosti na tejto stránke https://dev.twitter.com/docs/tweet-button je uvedená všetka dokumentácia o nastavení tlačidla „Tweet“. Nižšie je uvedený kód pre niekoľko možných typov tlačidiel.

Kód pre umiestnenie je potrebné pridať priamo do výstupného umiestnenia samotného tlačidla.

Tlačidlo z VKontakte „Páči sa mi to“ sa už objavil na mnohých stránkach, blogoch. Čitatelia blogu sa ma tiež pýtali, ako umiestniť to veľmi vytúžené tlačidlo. Dnes som sa rozhodol ukázať vám, ako sa to robí.

Ak chcete zadať „Páči sa mi“ z VKontakte, musíte sa, samozrejme, zaregistrovať na tejto sociálnej sieti (aj keď pravdepodobne existuje len niekoľko tých, ktorí nie sú na Vkontakte). Vzhľadom na to, že na tejto sociálnej sieti je veľa ľudí, tlačidlo z VKontakte môže byť veľkým prínosom – prilákať ďalších návštevníkov.

Ako nainštalovať tlačidlo z VKontakte „Páči sa mi“

  1. Najprv prejdite na adresu http://vk.com/dev/Like(ak nie ste prihlásený, urobte to).
  2. Potom vyplňte nasledovné:
    Stránka / aplikácia: Pripojte novú lokalitu.
    Názov stránky: Zadajte názov svojej stránky / blogu.
    Adresa stránky: Zadajte adresu vašej stránky / blogu.
    Hlavná doména lokality: Zadáva sa automaticky na základe adresy lokality.
    Kliknite na „Uložiť“.


  3. Ďalej vyberte typ tlačidla a uvidíte, ako bude tlačidlo vyzerať na tej istej stránke, nižšie:


    Osobne som radšej zvolil "Tlačidlo s počítadlom textu". A nechal názov tlačidla “ mám rád“, Môžete tiež zadať„ To je zaujímavé “.
  4. Ďalej musíme vložiť kód do blogu. Podľa môjho názoru by tlačidlo "Páči sa mi" od Vkontakte malo byť na konci článku, aby si čitateľ prečítal článok a ak sa mu páčil, klikol na tlačidlo.
    Aby bolo tlačidlo na konci článku, musíme najprv:
    1) Skopírujte časť kódu, ktorý nám Vkontakte dáva od začiatku do