Hogyan változtassak Szeretem a kapcsolattartást. Saját szöveg a Vkontakte „Tetszik” gombjához. dinamikus tartalom. "Tetszik" gomb a Vkontakte-ból

06.12.2020 hírek

Sziasztok! Ma olyan chipekről fogunk beszélni, mint a VKontakte és a Facebook "I like" gombja. Elmondom, hogyan kell az oldalra telepíteni egy nekem tetsző gombot. Hogyan állíthatok be egy nekem tetsző gombot a VKontakte-ból.

Itt a látogatók cikkeket olvasnak a blogodon vagy a webhelyeden, klassz anyagokat írtál, „jól sikerült” – mondják az olvasóid, de lusták hozzászólni... Nos, vagy be kell jelentkezned, vagy ki kell töltened az űrlapmezőket: a nevedet, írj egy megjegyzést, és írj be egy captcha-t is, ahol a karakterek nem mindig értelmezhetők... Itt lesz hasznos az a gomb, amit szeretek! Az ember rákattint és kész!

És egy idő után, amikor a cikkére lép, vigye az egérmutatót a „Tetszik” gomb fölé - megjelenik egy ablak, ahol megjelenik az összes ember, akinek nagyon tetszett a cikk az avatarjaival, amelyekre kattintva az adott személy profiljára léphet a vkontakte-on vagy a Facebookon. És ha akarod, megismerheted, és a jövőben talán még együttműködhetsz!

Térjünk át a vkontakte.ru oldalról tetsző gomb telepítésére

Hogyan telepíthetek like gombot egy weboldalra vagy blogra?

Menjünk az oldalra widget "szeretem" itt által ez a link. Látni fog egy gombbeállítási űrlapot, amely tetszik a vkontakte-ból.

Itt azt hiszem, minden egyszerű - töltse ki az űrlapmezőket, a nevet, a webhely címét, a webhely fő domainjét, válassza ki a VKontakte által kedvelt gombot. Válassza ki a gomb magasságát (ez a lehetőség nemrég jelent meg). Ügyeljen a beágyazási kódra, illessze be a kód első részét a szavakig a webhely címkéi közé. Ha a blogja CMS WordPress-en készült, akkor a címkék a header.php fájlban találhatók. Illessze be a kód második részét a megfelelő helyre a webhelyen, ahol látni szeretné a gombot nekem tetszik a vkontakte-ból. Ismétlem, ha van WordPress blogja, akkor illessze be a kódot a téma single.php fájljába.

Testreszabhatja a VKontakte által kedvelt gombot.

A vkontakte "Szeretem" gombjának van még néhány érdekes beállítása az űrlapon kifejezetten feltüntetetteken kívül. Bontsuk fel őket:

Szélesség- gomb szélessége tetszik
lap cím- oldal neve (megjelenik a VKontakte falán)
oldalLeírás- Rövid leírás(a falon látható)
oldalKép- a miniatűr kép címe (a falon látható)
szöveg- szövege megjelenik a VKontakte falán (legfeljebb 140 karakter).

Ezek a paraméterek a sorban vannak beállítva VK.Widgets.Like("vk_like", (típus: "full")); vessző az attribútum után type: "full". Így fog kinézni:
VK.Widgets.Like("vk_like", (típus: "full", szélesség: 100, magasság: 20, oldalCím: "Tetszik gomb", oldalLeírás: "Hogyan telepíthetsz like gombot a weboldaladra", szöveg: "Érdekes, hasznos cikk!"));

Ezzel a VKontakte-ból tetsző gombbal fejezem be. Még néhány szót a facebook gombról, itt minden sokkal egyszerűbb! Alább látható a gomb kódja, töltse le a cikk végén, és illessze be az oldalára, ahol látni szeretné ezt a gombot.


A kódban semmit nem kell módosítani.

Ez minden mára! Most már azt is tudja, hogyan kell telepíteni a tetszik gombot a vkontakte és a facebook oldaláról a webhelyére vagy blogjára. Hogyan állíthatok be egy nekem tetsző gombot a VKontakte-ból. Remélem, hogy ez a cikk hasznos volt számodra. Azt tanácsolom, hogy az új cikkeket e-mailben kapja meg, sok új érdekes információ, ingyenes videó tanfolyamok, forgatókönyvek és versenyek előtt a webhelyemen.

Megjegyeztem az SMO (Social Media Optimization) fontosságát a webhelyek népszerűsítésében. Most beszéljünk közvetlenül arról, hogyan lehet közösségi optimalizálást végezni webhelyén, vagy inkább hozzáadni közösségi gombok népszerű hálózatok az oldalra.

Először megmutatom, hogyan kell kinéznie az oldalon. Sok blogon és híroldalon a cikkek alján valami ilyesmit láthat:

Ezek a közösségi gombok, amelyeknek köszönhetően megvalósul az SMO, majd a közösségi aktivitás. Ezt a cikket annak a kérdésnek szenteljük, hogy hol szerezhető be ezeknek a közösségi hálózatoknak a kódja. gombokat, és hogyan telepítheti őket megfelelően a webhelyére. Fontolja meg először a Google+ telepítését.

1. Google+ gomb hozzáadása a webhelyhez

2. A Vkontakte és a Facebook „Tetszik” gombjának hozzáadása az oldalhoz 2.1. Tetszik a facebookról

Kezdjük a Facebook gomb kódjának beszerzésével. Ehhez lépjen erre az oldalra: https://developers.facebook.com/docs/plugins/like-button. A következő képet kell látnod:

A jobb felső sarokban látható, hogyan fog kinézni a gomb a webhelyén. Nézzük a beállítható paramétereket:

1. URL a Like-hoz
Ez egy opcionális paraméter. Ha üresen hagyja a mezőt, akkor minden oldalnak saját egyedi számlálója lesz. Ha beír egy konkrét URLa címet, akkor a számláló egy lesz (a lájkok összesítése az oldal összes oldaláról).

2. Küldés gomb
Üzenetek küldésére szolgáló gomb hozzáadása vagy eltávolítása. Javaslom ennek a gombnak a eltávolítását, mert az a célunk, hogy csak egy "tetszik" gombot helyezzünk el, bár lehet, hogy teljesen más céljaid vannak.

3. Layout Style
Gomb megjelenítési stílus. Nekem személy szerint a standard tetszik a legjobban.

4. Szélesség
A gomb szélessége pixelben. Általában legfeljebb 100 pixelt teszek bele.

5. Megjelenítendő ige
Mi fog megjelenni a gombon: "Szeretem" vagy "Ajánlom". Általában az első opciót választom (ez az alapértelmezett), mert az több hatékony mód motiválja a felhasználót, hogy kedvelje.

6. Színséma
Szín: fehér vagy fekete.

7 Betűtípus
Csak állítsa be a betűtípust a "I like it" felirathoz.

A beállítások megadása után pénzt keresünk a "kód lekérése" gombbal, és elhelyezzük az oldalon. Normál gombkód a Facebookhoz:

(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.jss1rent" j s); )(dokumentum, "script", "facebook-jssdk") ); 2.2. Szeretem a VKontakte-ból

Most nézzük meg, hogyan lehet megkapni a „Tetszik” gomb kódját a VKontakte-tól. Ehhez lépjen a következő oldalra: https://vk.com/dev. A következő oldalt kell látnod:

Először új webhelyet kell hozzáadnia. Ehhez válassza ki a "webhely / alkalmazás" legördülő menüből az új webhely csatlakoztatása elemet:

Új webhely hozzáadása után mentse el. Most válassza ki a kívánt webhelyet a legördülő menüből. Néhány paraméter következik: "gombváltozat", "magasság", "gomb neve" - ​​mindezt ízlés szerint testreszabhatja. A végén lesz egy kód a gombhoz:

VK.init ((apiId: 2872188, csak Widgetek: igaz )); VK.Widgets.Like("vk_like", (type: "button") ); 3. Adjon hozzá egy tweet gombot a webhelyhez

Az előző esetekhez hasonlóan először menjen arra a helyre, ahol megkapta, és állítsa be a gombot.

Itt tudod letölteni egyedi sablonok a Blogger számára. A gyűjteményben szereplő témákat fejlettebb SEO optimalizálás jellemzi.

Nyelvek: angol, orosz.

Típusok: Hírek, Magazin, Blog, Minimalizmus, Portfólió, Egyoldalas, Galéria, Grid "rács", Internetes bolt, Névjegykártyák, Vállalati oldalak.

Témák : Sport, Fotók, Játékok, Főzés, Stílus és divat, Női, Gyermek, Autók, Egészség, Utazás, Turizmus, Tervezés, Lakásfelújítás, Belső, Természet, Állatok, Tánc, Videó, Zene, Politika, Gazdaság, Üzlet, Forex, Művészet, Képek, Háttérképek, Bevételek, Hunting, Szoftverek Szoftver, Android játékalkalmazások.

Technológiák: Jquery, AMP, Bootstrap, Ajax, Javascript, Reszponzív tervezés.

A legjobb blogger sablonok, a felhasználók választása

Az UberSpot nagyszerű megoldás azok számára, akiket érdekel Gyönyörű design, SEO optimalizálásés hatékony funkcionalitás. Ebben a témában számos klassz és produktív újdonságot talál, például az új widgetet az Instagramhoz, a webhelytérképet, a bejegyzéseket, a megjegyzéseket stb. Használhat kettőt is. különböző típusok elrendezések.

Megállíthatatlan "Niche Conqueror". Ez ideális megoldás egy témájú webhelyekhez és blogokhoz. A téma megalkotásánál az volt az ötlet, hogy egy végtelen navigációt valósítsanak meg, melynek mozgását a keresők nyomon tudják követni. És így új rendszer a navigáció a korábbiakkal ellentétben nem csak növeli a viselkedési faktort, hanem teljes mértékben megjeleníti is, ami az oldal keresési pozíciójának növekedéséhez vezet. De ez még nem minden, az Unstoppable ideális olyan erőforrásokhoz, amelyek forgalma főleg mobileszközökről érkezik. Miért? Mivel a mobil first index SEO trend megjelenésével a Google nem csak az oldalak betöltésének sebességét kezdte értékelni, hanem az oldal egyszerű használhatóságát is. mobil eszközök. Az Unstoppable pedig teljes mértékben megfelel ennek a kritériumnak.

A (CNES) sorozat új Blogger-témái alapján készült. Sok feladatot képes megoldani. Használhatja az összes widgettel, vagy részben személyesként tájékoztató blog. Az oldal betöltési sebessége kellemesen meg fogja lepni.

A BlogBoard az egyik legjobb gridder 2018-ban. Egyszerre több stílust kombinál. Blog-online áruházként használható. Remekül bemutatja képességeit és szolgáltatásait, így portfóliónak is kiváló.

A Dionis egyszerűsített üzenetkézbesítési típussal rendelkezik. Alkalmas minden fülkéhez és történethez. A chipek közül választhat egy gyönyörű előtöltőt (animált képet a betöltés előtt kezdőlap), az oldal görgetése közben a jobb oldalon megjelennek az ajánlott üzenetek.

Ez egy gyors és rugalmas modell, amely számos kiegészítést kapott a közösségi hálózatokról. Remek lehetőség azoknak, akik értékelik az idejüket. Oroszra lefordítva.


A Mistiknek négy különböző stílusa van. Kiválaszthatja az Önnek legmegfelelőbbet. A menü, a színek és egyéb elemek egyszerű testreszabása lehetővé teszi, hogy saját egyedi dizájnt készítsen.


A NewsB egy könnyű, hírtéma színkombinációval, egyszerű, de stílusos widgetekkel, amelyeket különböző témákhoz és tartalomkategóriákhoz terveztek. A NewsB teljesen érzékeny, és mindenki zökkenőmentesen támogatja modern böngészők. Teljes verzió tartalmazza az eddigi legfrissebb blogolási SEO-beállításokat, amelyek lehetővé teszik webhelye rangsorának növelését kereső motorok magasabb.

A Minima Mag egy modern hír sablon, Val vel reszponzív dizájn, gyors üzenetbetöltés, stílusos kütyük és természetesen letisztult dizájn, amely zökkenőmentesen ötvözi a három színt, hogy a Minima Mag csinos és elegáns legyen.

Lenyűgöző téma klasszikus stílusú női weboldalakhoz és blogokhoz. Az Avicia egy professzionális téma elegáns és modern dizájnnal, amely képes inspirálni és csak pozitív érzelmeket közvetíteni az olvasók felé.

A Dream Press az egyik legjobb blogger téma. Ebben modern, elegáns, stílusos és egyszerű dizájnt fog látni. Általában ezek a tulajdonságok segítenek abban, hogy az olvasó a webhelyen maradjon.

Az egyetlen dolog, amit tudnia kell az ExGPressről, hogy a közösségi hálózathoz illeszkedő legkényelmesebb funkcionalitással rendelkezik, amely magas hozamot biztosít webhelyének. Mindenhez hozzáadhat SEO optimalizálást, Magassebesség letöltések és rengeteg hely a kütyük és hirdetések számára. Az ExGPpresst kifejezetten a tartalom kényelmes megtekintésére és a keresőmotorokkal való legjobb interakcióra tervezték, így az egyik legjobb sablonok a mai bloggernek. Nemrég hozzáadva hozzá új funkció, lebegő oldalsávok, az oldal lefelé vagy felfelé görgetésekor a widgetekkel ellátott oldalsávok a görgetés után mozognak.

A Grid Line egy modern és stílusos blogspot sablon. Minden eleme gondosan van kiválasztva, optimalizálva és úgy van felépítve, hogy maximalizálja az olvasó figyelmét a tartalomra. Grid Line jött létre nem csak sikeres promóció internetes forrását a keresőmotorokban, hanem a felhasználók és olvasók felvidítása érdekében is.

Az egyik legnépszerűbb gomb, amelyet az internethasználók webhelyükre vagy blogjukra telepítenek, a Vkontakte közösségi hálózat „Tetszik” gombja. Erről fogunk ma beszélni. Elmondom, hogyan telepítheti ezt a gombot a webhelyére vagy blogjára.

Mi az előnye a VKontakte "Tetszik" gombjának?

Több tízmillió ember van regisztrálva a VKontakte közösségi hálózaton. Sokan közülük érdeklődnek és az internet segítségével szeretnének keresni. És akkor valaki felkereste az Ön webhelyét vagy blogját, elolvasta a cikket, és ajánlotta barátjának a VKontakte-on, azt valaki másnak stb. Így új látogatók lesznek, és a Contact-felhasználók megtalálják, amire szükségük van, és mindenki elégedett lesz. Remélem világos.

Most lépjünk tovább a „Tetszik” gomb telepítésére a VKontakte-ból.

A "Tetszik" gomb telepítése az oldalon
  • Először be kell jelentkeznie a VKontakte webhelyére. Kész? Most lépjen a következő linkre: https://vk.com/dev/Like
  • Ezután a megnyíló oldalon töltse ki a javasolt mezőket:

    Weboldal / alkalmazás: válasszon "Új webhely csatlakoztatása"

    Webhely neve: ide írjuk a webhely (blog) nevét

    Weboldal címe: írja be weboldala (blogja) címét

    Fő webhely domain: adja meg a webhely (blog) fő domainjét

  • Ezután állítsa be a gombot:

    Gombopciók - válassza ki a gomb típusát a javasolt lehetőségek közül:

    • Szövegszámláló gomb
    • Gomb miniatűr számlálóval
    • miniatűr gomb
    • Miniatűr gomb, tetején pult

    Gomb magassága – válassza ki a gomb méretét pixelben

    A gomb neve – saját belátása szerint „tetszik” vagy „Érdekes”

  • Most másolja ki a gombkód első részét a következő előtt:
  • Illessze be a másolt kódot a fájlba header.php a címke bezárása előtt:
  • Ezután másolja ki a kód második részét, amely marad:
  • A fájl megnyitása single.phpés illessze be a másolt kódot oda, ahol meg szeretné jeleníteni a gombot. A kódot a cikk végére, vagyis a címke mögé tettem