WordPress VKontakte komentari i vkontakte api dodatak. VKontakte WordPress. Kako dodati widget grupe VKontakte u WordPress VK dodatak za komentare za WordPress

Društvene mreže su drugi najdostupniji izvor prometa za web stranicu nakon tražilice, a treći po učinkovitosti. Pravilnom promocijom internetskog projekta na društvenim mrežama možete postići povećanje prometa za 30%, a broj redovitih čitatelja i do 70%!
Zato webmasteri prije svega obraćaju veliku pozornost na društvene mreže, stvaranje službene stranice sa stranice, pokretanje vijesti. A glavna ruska platforma za promicanje vaše web stranice ili internetskog poslovanja je mreža koja pruža dovoljno kapaciteta za besplatan početak bez ikakvih ulaganja!

Kako umetnuti widget VK grupe?

Prvi dio koda zalijepimo nakon uvodne oznake, koja se nalazi u “footer.php” datoteci WordPress tema. Drugi dio kopiramo na "bočnu traku" u odjeljak "Izgled" - "Widgeti", stavljajući ga u standard blok teksta. Nakon što kliknete gumb "Spremi", možete provjeriti prikaz "Widget zajednice" na web mjestu.

Bilješka! Kopirani kod je podijeljen u dva dijela kako bi se optimiziralo učitavanje glavnog sadržaja na stranicama web mjesta. Ako imate minimalnu upotrebu skripti treće strane, tada kada potpuno umetnete kod u widget "Tekst", vremenska razlika neće biti vidljiva.

Kako umetnuti VK widget putem iframea

Ponekad može doći do problema s ispravnim prikazom widgeta na stranicama web mjesta, što uzrokuje Negativne posljedice u procesu aktivne promocije. Kako se ispostavilo, krivac je skripta widgeta koju internetski preglednici ne obrađuju uvijek ispravno.

Ako koristite WordPress, onda ste najvjerojatnije umorni od standardnih komentara, jer nisu baš zgodni i najvjerojatnije dobivate puno neželjene pošte. Naravno, postoji mnogo dodataka za uklanjanje neželjene pošte, ali ponekad želite isprobati neke novi sustavi komentari. U ovom postu ću vam reći kako dodati VKontakte komentare na WordPress, a pokazat ću vam i dodatak koji će obaviti sav posao umjesto vas.

Uvod

U ovom postu promatrat ću dva načina:

Detaljna instalacija dodataka opisana je pod naslovom ispod, samo u ovom slučaju unesite “AnyComment” u pretragu da biste instalirali ovaj dodatak.

Dodatak za VK komentare

Instalirajmo VKontakte dodatak za komentare izravno putem administratorske ploče.

Upute za instalaciju:

Ovo je moj osobni dodatak i bit ću vam zahvalan ako odete dobra recenzija ili "5 zvjezdica" :)

Funkcije

Potpuno zamijenite komentare iz WordPressa u VK
Postavite widget za VK komentare zajedno s običnim komentarima. U tom slučaju možete postaviti položaj widgeta, "iznad", "ispod" standardnih komentara ili "ispod naslova".
Pogledajte sve komentare koje su korisnici ostavili putem VK widgeta u centru za administraciju
Sve postavke koje ima VK widget za komentare nalaze se na administratorskoj ploči
Pregled widgeta za komentare odmah ispod postavki

Kodirati. Upute za instalaciju

Idemo stranica s widgetima i odaberite “Komentari” (ili kliknite ).
Na padajućem popisu "Site/Application" odaberite "Poveži novu stranicu" ili odaberite trenutnu stranicu (ako ste je već dodali). Prilikom dodavanja morate naznačiti „naziv stranice“, „adresu“, „glavnu domenu“ i odabrati temu..ru“, „stranica“ i „IT (računala i softver).
Zatim odaberite "Broj komentara" za prikaz. Ako odaberete, na primjer, pet komentara, a već ste ih dodali, tada će se prvo kada se stranica učita prikazati kao 5 komentara, a zatim možete kliknuti na “Prikaži više” da biste učitali ostatak.
Mi biramo trebate li “Mediji” ili ne. To je primjerice dodavanje grafita, fotografija, audio videa i poveznica.
Postavite širinu bloka komentara.

Nećemo samo zalijepiti kod jer to nije točno. Pokazat ću ti kako to učiniti u WordPress stil.

Dodavanje koda VK widgeta

Trebali biste imati kod koji izgleda otprilike ovako.

VK.init((apiId: XXXXXXX, onlyWidgets: true));

Kao što vidite, podijeljen je na 2 dijela.

Prvi- ovo su skripte (redci 1-6) koje trebate učitati da biste prikazali komentare. Vidjet ćete zajedno "XXXXXXXX". jedinstveni broj vaše stranice.

Drugi- Ovo je dio koda koji će biti potreban za prikaz komentara.

Napravite funkciju u functions.php

Kopirajte funkciju u nastavku i otvorite datoteku functions.php koja se nalazi unutar vaše teme.
Spuštamo se do samog dna datoteke i dodajemo sljedeću funkciju.

Pažnja! Umjesto “YOUR_ID” napišite ID koji je napisan u vašem ugrađenom kodu.

Funkcija vk_comments_api() ( if(is_single()) ( echo ""; echo " VK.init((apiId: YOUR_ID, onlyWidgets: true)); "; ) ) add_action("wp_head", "vk_comments_api");

U ovom kodu dodao sam dvije skripte na vašu WordPress stranicu. Ali nisam ih samo dodao. Postavio sam uvjet da ću dodati skripte samo ako je unos potpuno otvoren. Zašto moramo opterećivati stranicu nepotrebnim skriptama? Pravo?

Dodavanje komentara u comments.php

Prije ovog retka umećemo drugi dio našeg koda koji izgleda ovako:

VK.Widgets.Comments("vk_comments", (limit: 10, width: "665", attach: "*"));

I sve je spremno! Komentari bi trebali biti uspješno instalirani.

Ako imate bilo kakvih problema, napišite ih u komentarima ispod ovog posta, bit će mi drago pomoći.

Zaključak

Povezivanje komentara od kontakta nije tako kompliciran proces kao što ste vjerojatno mislili. Sve ovo traje ne više od pet minuta.

Pozdrav, dragi čitatelji! Prijatelji, danas ću vam pokazati kako instalirati (povezati) VKontakte komentare na WordPress web mjesto ili blog. Društvena mreža VKontakte je najposjećeniji resurs u ruskom govornom segmentu Interneta. Više od 59 milijuna ljudi posjeti stranicu svaki dan. A publika stranice je preko 130 milijuna korisnika. Svatko tko izađe putem VKontakte widgeta za komentare na WordPress web stranici može se automatski poslati na stranicu komentatora, a također završi u vijestima za njegove prijatelje. Takav komentar uvijek sadrži poveznicu na izvorni članak. Kao rezultat toga, komentatorovi prijatelji će znati za komentar i postojanje članka, te će se moći pridružiti raspravi. Njihovi prijatelji će pak biti obaviješteni o njihovim komentarima - i tako dalje. Daljnje informacije mogu se proširiti poput lavine. A to se zove viralnost.

Odaberite "Komentari" s popisa:

Odaberite "Komentari" s popisa

Sljedeći korak je postavljanje VKontakte komentara. Ispunite obrazac ispod:

Skripta komentara u datoteci zaglavlja

Ažurirajte datoteku. Moramo umetnuti drugu skriptu u datoteku "Komentari" (comments.php), na mjesto gdje želite da se prikazuje VKontakte obrazac za komentare. U svom primjeru umetnuo sam iza naslova:

VKontakte widget za komentare na web stranici WordPress

Kako sakriti VKontakte komentare s neželjenom poštom (izbrisati)

Administrator web mjesta koji instalira kod widgeta ima priliku moderirati raspravu izravno sa stranica svog resursa, uklanjajući neželjene komentare. Za to postoji stavka "administracija", pogledajte gornju snimku zaslona. Kliknite i izbrišite nepotrebne komentare i stavite na crnu listu najgore spamere:

Čini se da je to sve. U sljedećem vodiču pokazat ću vam kako instalirati komentare na web mjesto. Nadam se prijatelji, post vam je bio koristan. Sretno i vidimo se opet.

(funkcija(w, d, n, s, t) ( w[n] = w[n] || ; w[n].push(funkcija() ( Ya.Context.AdvManager.render(( blockId: "R-A) -292864-4", renderTo: "yandex_rtb_R-A-292864-4", async: true )); )); t = d.getElementsByTagName("script"); s = d.createElement("script"); s .type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); ))(ovo , this.document, "yandexContextAsyncCallbacks");

Zdravo!
U naš iznajmljeni tajlandski stan došli su gosti; tako je lijepo vidjeti svoje sunarodnjake kad nisi doma.

Danas vam želim reći o glavnim VKontakte widgetima koje možete implementirati na svoj blog. Widgeti su mali programi od kojih svaki obavlja jednu određenu funkciju na web mjestu, na mobilni uređaj, u pregledniku itd. To može biti gumb, prozor, izbornik, opis alata itd.
Widget možete postaviti na svoje web mjesto pomoću html koda. Društveni widgeti zauzimaju zasebnu nišu. I od danas jedan od najpopularnijih društvene mreže u Runetu je VKontakte, saznajmo koji od njegovih alata možemo koristiti na našim blogovima.

VKontakte Widgeti za WordPress

Kôd za sve dostupne VKontakte widgete nalazi se u odjeljku "Programeri". U njega možete ući putem veze vk.com/dev/sites. Postoji ukupno devet vrsta widgeta:

"Komentari"
"Pisanje po zidu"
"Zajednice"
"Ja volim"
"Preporuke"
"ankete"
"Autorizacija"
"Objavljivanje poveznica"
“Pretplatite se na autora.”

Pogledajmo svaki od njih detaljnije.

VKontakte widget za komentare za web mjesto

Ispunite obrazac: unesite naziv i adresu stranice (glavna domena će se unijeti automatski); odaberite temu bloga, broj komentara koji će biti prikazani. Ako broj komentara premašuje onaj koji ste naveli, sve ih možete vidjeti klikom na gumb “Prethodni unosi”.

U stavci "Mediji" možete odabrati što korisnici mogu priložiti svojim komentarima. Na primjer, s postavkama poput ovih u nastavku, korisnici će moći pisati tekstualne komentare, dodavati grafite i poveznice na njih:

Opisani widget omogućit će vam primanje komentara od stvarnih živih ljudi. Također ćete moći brisati ono što smatrate prikladnim, dodavati korisnike na crnu listu i dodijeliti ovaj posao drugim ljudima - imenovati moderatore.

Zapis je na zidu

Ovaj widget stvoren je tako da možete citirati riječi druge osobe koje je napisala u VKontakte objavi. Ako umetnete citat kroz ovaj widget, vaši će čitatelji biti sigurni da su informacije iz izvornog izvora.

Kako instalirati widget grupe VKontakte

Grupu VKontakte možete dodati na svoje web mjesto pomoću posebnog widgeta. Zalijepite poveznicu na grupu ili javna stranica vaša web stranica; odaberite što će biti prikazano - sličice avatara sudionika, zadnja vijest ili samo ime zajednice. Postavite širinu i visinu widgeta u pikselima, konfigurirajte widget zajednice VKontakte da odgovara dizajnu vašeg web mjesta i dodajte dobiveni kod na web mjesto.

Widget grupe u Kontaktu omogućit će posjetiteljima da brzo pronađu vašu zajednicu, pridruže joj se i saznaju više o novim člancima na blogu.

Ovaj widget neće raditi bez gumba "Sviđa mi se" jer vašim posjetiteljima prikazuje članke koji su dobili najviše lajkova. Omogućit će vam da shvatite koji se članci vašoj publici najviše sviđaju, a korisnici će moći pročitati najzanimljivije tekstove uključene u blok "Popularno".

Da biste dodali ovaj VKontakte widget na svoje web mjesto, ispunite prvi dio obrasca na isti način kao i komentare. Odaberite broj najvažnijih objava koje će widget prikazati, odredite učestalost ažuriranja i odaberite tekst.

Kod za ovaj widget također ima dva dijela, baš kao i komentari. Dodajte prvu od njih u datoteku header.php, a drugu na mjesto koje vam je potrebno na web mjestu.

Widget ankete omogućuje vam da posjetitelje pitate što god želite. Na primjer, ako ste promijenili dizajn, bolje je da pitate korisnike što misle o tome. Možda im se starija više sviđa? Vrijedno je ponuditi im ovu opciju - može pomoći u smanjenju stope napuštanja stranice.

Ispunite prvi dio obrasca analogno prethodnim widgetima.

Postavite pitanje i mogućnosti odgovora. Možete dodati nove koristeći "dodaj" (nalazi se pod "Opcije odgovora").

Kod za ovaj widget također ima dva dijela odvojena HTML komentarima.

Često korisnici ne žele trošiti vrijeme na registraciju. Ovaj widget će vam omogućiti dodavanje autorizacije na vašu web stranicu putem vašeg VKontakte računa. Korisnik se neće morati registrirati: on će jednostavno pristupiti stranici putem svog VKontakte profila. Što se tiče autorizacije, VKontakte ima dobre upute slijedite vezu vk.com/dev/Auth.

Ovaj widget omogućit će korisnicima dijeljenje vašeg sadržaja na svom VKontakte zidu. Oni će moći jednostavno i praktično spremati poveznice na svoje omiljene članke na društvenoj mreži, a vi ćete primati nove posjetitelje od njihovih prijatelja i pretplatnika.

Odaberite stil widgeta (na temelju dizajna stranice), uredite tekst na gumbu po želji. Navedite točno što će korisnici dijeliti, odaberite opciju logotipa VKontakte i kopirajte kod.

VKontakte widget za WordPress

Opća pravila za umetanje VKontakte widgeta na web mjesto:

Kod mora biti umetnut u dio teme gdje želite da se widget pojavi. To može biti datoteka header.php, single.php, sidebar.php itd. ovisno o funkciji widgeta i dizajnu vaše stranice. Pročitajte više o ovim datotekama u članku o . Ako je kod podijeljen na dva dijela, prvi dio treba dodati prije završne oznake u datoteci header.php.
Osim toga, ako vam se sviđa neki VKontakte widget, možete ga dodati u administratorsko područje bloga ("Widgeti").
Ako odlučite dodati nekoliko widgeta na svoje web mjesto odjednom, imajte na umu da mnogi od njih sadrže redak koda
Trebate ga samo jednom umetnuti, nema potrebe za dupliranjem.

Ako i dalje imate pitanja o radu s VKontakte widgetima, pogledajte videozapis:

p.s. Naši stari prijatelji došli su nas posjetiti u Rayong. Slijedi dugo putovanje kroz pola Tajlanda i Laos autostopom s noćenjima u couchsurfingu i budističkim samostanima. Fasciniraju me budžetna putovanja, ali zahtijevaju puno truda i energije.

Mnogi su me ljudi zamolili da pripremim materijal o tome kako dodati komentare s društvenih mreža VKontakte i Facebook na web stranicu izrađenu na WordPress motoru. I konačno sam našao vremena i pripremio ovaj članak. Želio bih odmah napomenuti da morate imati račune na obje društvene mreže, ako ih nemate, prvo se registrirajte.

Pa krenimo.

Dodat ćemo komentare pomoću posebnog dodatka pod nazivom Vkontakte API. Ovaj vam dodatak također omogućuje dodavanje gumba društvenih medija na vašu web stranicu. Da biste instalirali dodatak, idite na stavku izbornika "Dodaci" na konzoli za upravljanje web mjestom i kliknite gumb "Dodaj novi".

Nakon toga unesite naziv dodatka u traku za pretraživanje - Vkontakte API i pritisnite tipku Enter na tipkovnici. Pronađite naš dodatak i kliknite gumb "Instaliraj".

Nakon što je dodatak instaliran, kliknite na poveznicu "Aktiviraj dodatak". Sada ga moramo konfigurirati.

Postavke dodatka

Nakon instaliranja dodatka, u izborniku konzole za upravljanje web mjestom pojavila se nova stavka "Vkontakte API", idite na nju. Pred nama je ploča s postavkama. Postoje 4 kartice na ovoj ploči, pogledajmo ih redom.

U kontaktu s

Ako odemo na karticu VKontakte, prije svega od nas se traži da navedemo ID aplikacije i zaštićeni ključ. Činjenica je da za interakciju s društvenim mrežama u pravilu morate izraditi aplikaciju. To se radi vrlo jednostavno. Postoji mali opis iznad polja s ID-om i ključem koji sadrži poveznicu, slijedite ovu vezu

Ovdje trebamo navesti naziv naše aplikacije i odabrati vrstu "Web stranica". Možete unijeti bilo koje ime - nitko ga neće vidjeti osim vas. Nakon toga trebate navesti adresu naše web stranice i osnovnu domenu, tj. ista adresa samo bez http:// protokola. Nakon što ispunite sve točke, kliknite gumb "Poveži stranicu".

Nakon toga pojavit će se skočni prozor u kojem se od vas traži da potvrdite svoje radnje besplatnom porukom na svoj telefon. Pritisnite gumb "Dohvati kod" i pričekajte SMS. Obično kod stigne u roku od nekoliko sekundi.

Unesite primljeni kod i kliknite gumb "Pošalji kod". To je to, naša aplikacija je stvorena! To je tako lako i jednostavno. Ovdje ne trebate više postavljati nikakve postavke, samo idite na karticu "Postavke" i ovdje pogledajte ID aplikacije i zaštićeni ključ, kopirajte ih jednog po jednog i zalijepite u odgovarajuća polja u postavkama našeg dodatka.

Slijedi blok "Prijava" - ova funkcija omogućuje vašim posjetiteljima da se registriraju na web mjestu putem društvene mreže VKontakte. Osobno nisam postavio registraciju na svojoj web stranici, ali možda će ova funkcija nekome biti korisna.

Sljedeći blok postavki odnosi se na gumb "Sviđa mi se". Ispod je snimak zaslona koji pokazuje kako je ovaj gumb konfiguriran na mojoj web stranici, možete ga također konfigurirati ili se sami igrati s postavkama.

Na vama je da odlučite koji ćete gumb instalirati; možete instalirati oba gumba odjednom.

Sljedeće su postavke unakrsnog objavljivanja, ali za sada ova funkcija nije u potpunosti funkcionalna iu fazi je beta testiranja, pa ćemo ih za sada preskočiti. Spuštamo se do samog dna i kliknemo gumb "Spremi postavke". To je to, završili smo s postavkama VKontakte, sada možete otići na web mjesto i vidjeti što smo na kraju dobili.

Facebook

Sada idite na karticu s postavkama društvene mreže Facebook. Ovdje ima manje postavki, ali moramo napraviti i aplikaciju kako bi komentari s facebooka radili za nas. Na samom početku, baš kao iu postavkama komentara iz VKontaktea, postoji poveznica na stranicu na kojoj možemo kreirati aplikaciju na Facebooku, idite na nju.

Ovdje mogu postojati dvije opcije:

1. Ako niste povezali broj mobitel na facebook, od vas će se tražiti da navedete broj telefona i potvrdite ga putem SMS-a. Nažalost, ne mogu prikazati ove postavke jer... moj broj je odavno povezan s mojim računom, ali tu nema ništa komplicirano. Vi samo trebate navesti broj, primiti kod putem SMS-a, unijeti ovaj kod i poslati. Nakon ovoga imat ćete sve kao u drugoj opciji.

2. Vaš broj je povezan i vidjet ćete sljedeću sliku:

Kliknite na zeleni gumb "Create a New App", otvorit će se skočni prozor u kojem trebamo ispuniti neka polja (pogledajte sliku ispod):

1. Smislite naziv za našu aplikaciju. Ovo ime će biti vidljivo samo vama, korisnici ga neće vidjeti.

2. Smišljamo imenski prostor. Da budem iskren, još uvijek ne razumijem zašto je ova stavka potrebna. Koliko ja razumijem, ovo je nešto poput prijave; općenito, ovdje morate navesti JEDINSTVENU riječ latinicom (najmanje 6). Nećemo trebati ovu riječ u budućnosti, tako da možemo samo odrediti skup slova - nije važno.

4. Kliknite na gumb "Izradi aplikaciju".

Nakon toga pojavit će se skočni prozor u kojem trebate ispuniti captcha (unesite znakove sa slike) i kliknuti "Ok".

To je to, naša aplikacija je stvorena. Ne trebate više postavljati nikakve postavke, samo kopirajte ID aplikacije (App ID), vratite se na postavke dodatka i zalijepite ga u odgovarajuće polje.

Sljedeći korak je navesti ID administratora kako bismo mogli upravljati komentarima. Da biste dobili administratorski ID, morate otići na svoju facebook stranicu. Ovdje također postoje dvije opcije:

1. Adresa vaše stranice sadrži brojeve i izgleda otprilike ovako: http://facebook.com/100001117382458. Samo kopirajte ove brojeve - ovo je ID administratora, tj. svoju osobnu iskaznicu.

2. Adresa vaše stranice izgleda otprilike ovako: https://www.facebook.com/OpekunAlex, tj. Umjesto brojeva, naznačena je abecedna prijava, tada morate koristiti ovu uslugu - http://findmyfbid.com

U ovom trenutku, postavke Facebooka su dovršene, možete otići na web stranicu i vidjeti što smo napravili.

Vraćamo se na postavke dodatka i idemo na sljedeću karticu "Društveni gumbi". Ovdje možemo dodati gumbe s drugih društvenih mreža: google+, twitter, mail.ru, Odnoklassniki, gumb Yandex.

Samo ga postavite pored željenog gumba "Prikaži", baš kao što smo učinili za gumbe VKontakte i Facebook. Obično dodajem twitter i mail.ru gumbe s kolegama iz razreda. Nakon što odaberete potrebne gumbe, ne zaboravite spremiti promjene. Ako imate Twitter, možete dodati svoj račun, a kada kliknete na gumb Twitter, vaši posjetitelji će imati dodatu vezu na vaš Twitter i ako tvitaju vašu objavu, tada će svi njihovi pratitelji na Twitteru vidjeti vezu na vaš Twitter i eventualno pretplatite se. Ovo dovršava postavke ovdje.

Ne zanima nas preostali tab "Odmor". Da. Tako smo shvatili kako dodati komentare s društvenih mreža VKontakte i Facebook na web mjesto stvoreno na WordPress motoru + naučili kako dodati gumbe društvenih mreža na web mjesto.

p.s. Ako i dalje imate pitanja ili nešto nije bilo jasno, napišite u komentarima što točno nije radilo, pokušat ću vam pomoći.