Da budem iskren, kada sam vidio da o tome pišu i savjetuju novopridošlice na drugim stranicama, bio sam malo užasnut i odlučio sam napisati svoju bilješku na ovu temu bez fatalne greške. Uglavnom sam vidio duge listove koda koji implementiraju dodavanje komentara na web mjesto. Obično se u tu svrhu kreira obrazac, provodi njegova obrada, spremanje, kao i odabiri za prikaz. Ali prednosti ovog pristupa postaju sve manje kako vrijeme prolazi.
U ovom ćete postu naučiti jedan od najjednostavnijih (ali, subjektivno, jedan od najpoželjnijih) načina dodavanja komentara na web mjesto - jednostavan primjer za početnike + opcije za naprednije webmastere.
Doista, zašto izmišljati kotač i pisati hrpu koda koji će u budućnosti još morati biti podržan, popravljan itd., ako postoji hrpa gotovih rješenja usluga trećih strana (govorimo o društvenim mrežama + disqus)?
Ali prije nego prijeđemo na samu implementaciju, pogledajmo prednosti/nedostatke korištenja gotovih rješenja. (Ako ste nešto zaboravili, napišite u komentarima pa ćemo proširiti popis)
Prednosti rješenja trećih strana:
- Jednostavan za implementaciju.
- Zaštita od spama “out of the box” (u svom rješenju bih to morao dodatno implementirati pa je, teoretski, vezano uz prethodnu točku).
- Manje sklon pogreškama, bugovima itd., budući da su rješenja trećih strana testirali milijuni korisnika (opet povezano s prvim: također možete napisati sve bez bugova, ali će trebati dodatno vrijeme za otklanjanje grešaka).
- Servisi u pravilu nude gotovu admin ploču, statistiku, obavijesti za admine, ponekad moderaciju, nekoliko admina, predmoderaciju itd., što može trajati mjesecima, ako ne i godinama, da webmaster, pogotovo početnik, implementirati.
- Korisnik se ne treba registrirati, unijeti svoje ime i sl. - pretpostavlja se da već ima račun na popularnoj društvenoj mreži.
- Najvjerojatnije će izdržati veliko opterećenje zbog činjenice da je društveni. platforme su u početku dizajnirane za velika opterećenja.
Mane:
- Loša ili potpuni nedostatak mogućnosti mijenjanja izgleda bloka komentarima.
- Indeksiranje u tražilicama.
Kao što vidite, ima mnogo više prednosti. Nemogućnost promjene izgleda najvjerojatnije je učinjena kako bi se prepoznao stil usluge komentara, čime se stvara nenametljivo oglašavanje. (Kao jedna od opcija). Što se tiče indeksiranja, zar je ono toliko važno, jer nemaju svi komentari značenje.
Ali dosta teorije, idemo na praksu.
1. Najjednostavnija opcija je dodavanje komentara putem odabrane društvene mreže.
Na primjer, vk. Pogledajmo dokumentaciju. Kopiramo navedeni kod i dodajemo ga na stranicu (dijelovi koda preuzeti su iz dokumenata na poveznici, mogu se promijeniti u budućnosti, stoga uvijek kopirajte s web-mjesta dokumentacije. Ovdje je samo mogući primjer):
1) Dodaj u:
VK.init((apiId: 2951023, onlyWidgets: true));
2) Dodajte na mjesto gdje želimo vidjeti widget za komentare (na primjer, nakon bilješke, ako govorimo o blogu):
VK.Widgets.Comments("vk_comments", (redizajn: 1, ograničenje: 10, širina: "665", priloži: "*"));
2. Dodajte widgete iz nekoliko usluga. Na primjer, kao na ovom resursu. Promjena kartice:
Dodajte u oznake (twitter bootstrap mora biti povezan za ispravan rad!) na mjestu gdje želite prikazati widget za komentare:
Ali ova opcija nije najbolja, iako je najjednostavnija. Problem je što će se ovim pristupom svi widgeti inicijalizirati kada se stranica učita, bez obzira trebaju li ih korisnik ili ne.
Ovo se može izbjeći implementacijom lijene inicijalizacije widgeta za komentare. Prvo cijeli kod, a zatim objašnjenje:
(function(global, $) ( "use strict"; $(function() ( var $tabToggler, initComments, initialized; initialized = ( "#vk-comments": false, "#disqus_thread": false ); initComments = funkcija (tip) ( var discussUserName, disqus_config, pageUrl; if (inicijalizirano) ( return; ) pageUrl = "page_url"; switch (type) ( case "#disqus_thread": // Morate postaviti ove parametre koristeći odgovarajuću platformu way discussUserName = "discussUserName"; disqus_config = function() ( this.page.url = pageUrl; return this.page.identifier = "page_identifier"; ); (function() ( var d, s; d = dokument; s = d.createElement("script"); s.src = "//" + discussUserName + ".disqus.com/embed.js"; s.setAttribute("data-timestamp", +new Date()); return ( d.head || d.body).appendChild(s); ))(); break; case "#vk-comments": VK.Widgets.Comments("vk-comments", ( limit: 5, attach : " *", pageUrl: pageUrl )); break; default: return; ) initialized = true; ); $tabToggler = $(".comments-wrapper a"); $tabToggler.on("shown.bs.tab", function(e) ( initComments($(e.target).attr("href")); )); initComments($tabToggler.closest(".active").find("a").attr("href")); )); ))(prozor, jQuery);
Obratite pozornost na varijable čiju vrijednost morate pripremiti pomoću metoda koje nudi vaša platforma.
Prvo, stvorimo mapiranje tipova widgeta komentara, varijablu inicijalizirano. Dalje, funkcija initComments(vrsta) omogućuje vam da inicijalizirate widget za komentare i ne radi ništa ako je već inicijaliziran.
I posljednji dodir je inicijaliziranje zadanog widgeta za komentare tako da se pojavi odmah nakon učitavanja stranice.
Gotova skripta za i coffeescript za suštinu. Primjer rada - ispod (primjeri kodova preuzeti s ove stranice)
Sada je postalo moderno zamijeniti uobičajeni WordPress sustav komentara komentarima s jedne od najpopularnijih društvenih mreža, Facebooka. Ovo smo već ranije objavili, ali od tada je prošlo dosta vremena, a sada je ovaj postupak značajno pojednostavljen zahvaljujući već gotovom WordPress dodatku. Tako da će ovaj put sve biti puno lakše.
Reći ćemo vam kako implementirati Facebook komentare na svoju web stranicu malo kasnije, ali prvo ćemo pokušati utvrditi sve prednosti i mane takve zamjene.
Facebook komentari: za i protivOsim toga, nestaje faktor tzv. anonimnosti. Malo je vjerojatno da će neželjeni komentari biti dodani s Facebooka, budući da su svi vezani za stvarne korisničke račune.
Ali u isto vrijeme, mogu se pronaći i nedostaci takvog sustava. Mnogi korisnici preferiraju anonimnost, a ne zato što žele napisati nešto loše ili ostaviti spam. Ne. Čisto je stvar psihičkog momenta i osjećaja nelagode i srama koji doživljavaju kad javno govore. Ovaj faktor može smanjiti aktivnost korisnika.
Za razliku od drugih sustava za komentare poput Disqusa, Facebook komentari se ne sinkroniziraju s izvornim WordPress komentarima. U potpunosti ih zamjenjuju. Ako starije objave već imaju WordPress komentare, oni će se pojaviti prije ili nakon novih komentara dodanih putem Facebook obrasca.
Ovdje su možda sve prednosti i mane Facebook komentara.
Ako se još niste predomislili da ih instalirate na svoju WordPress stranicu, u nastavku pročitajte kako to učiniti.
Facebook dodatak za komentare za WordPressNajprije instalirajte i aktivirajte dodatak za Facebook komentare i konfigurirajte ga u izborniku koji se pojavljuje u odjeljku Postavke → Facebook komentari.
Da biste počeli koristiti komentare na stranici, prvo trebate izraditi Facebook aplikaciju.
Ako ste prije izradili aplikaciju, odmah možete koristiti njezine ID podatke. U suprotnom ćete morati stvoriti novu na stranici Facebook Apps:
Upravljačka ploča novostvorene aplikacije prikazat će njen ID, koji trebate kopirati i zalijepiti u postavke dodatka. Ali prije toga konfigurirajte aplikaciju na svojoj web stranici u "Postavke" pomoću gumba "Dodaj platformu".
Pojavit će se novi prozor u kojem trebate kliknuti na web stranicu i odabrati je kao svoju platformu.
Tako će se na stranici postavki aplikacije pojaviti novi odjeljak "Web stranica" u kojem možete odrediti adresu svoje web stranice.
Spremite promjene, kopirajte ID aplikacije i postavite ga u postavke dodatka na vašoj stranici.
Ako niste skužili postavljanje Facebook aplikacije, evo još jedne kratke upute na engleskom jeziku s primjerom za našu web stranicu:
Ovaj Facebook dodatak za komentare ima puno opcija za konfiguriranje. Zadane postavke trebale bi funkcionirati s većinom web-mjesta. Međutim, možete ih promijeniti po vlastitom nahođenju i spremiti promjene.
Sada možete testirati radi li novi sustav komentara ispravno na vašoj stranici.
Budući da imate administratorska prava, primat ćete obavijesti o novim komentarima. Možete upravljati njima i odlučiti hoćete li ih objaviti ili ne.
Također možete dodati novog moderatora u postavkama:
Nadamo se da je ovaj vodič pružio jasnoću i pomogao vam da sami postavite komentare na Facebooku za svoje web mjesto koje nije WordPres.
U današnje vrijeme mnoge popularne stranice nisu samo izvor informacija, već i mjesto gdje se te informacije mogu raspravljati s drugim korisnicima; stranice se često pretvaraju u središta oko kojih se formira zajednica.
Komentari pomažu u izgradnji zajedniceSada vam korisnici dolaze ne samo da pročitaju neku vijest ili članak, već i da o tome raspravljaju.
Ono što je tipično je da je čitatelj samu vijest mogao saznati na nekom drugom mjestu, ali upravo zajednica zanimljivih ljudi, prilika da progovore i čuju njihova mišljenja – to će dovesti do toga da će posjetiti vaš mjesto i otići na stranicu s vijestima koje već zna.
Prije samo desetak godina središta oko kojih se odvijao život bili su forumi. Međutim, danas to više nije tako zgodno i popularno; sada većina popularnih stranica radi u formatu bloga, a komunikacija korisnika odvija se u komentarima.
Dakle, komentari su faktor koji razlikuje obične stranice od stranica koje su uistinu uspješne u svom području. Ovo se odnosi na stranice s vijestima, blogove, interesne zajednice, ponekad čak i na internetske trgovine i razne specijalizirane stranice.
Komentari pružaju povratnu informaciju i motivacijuTakođer je važno zapamtiti da su komentari izvor povratnih informacija od čitatelja, što vam omogućuje da saznate što im se točno sviđa i na što čitatelji reagiraju. A što je vaša stranica posjetiteljima bolja i zanimljivija, to vam se češće vraćaju i preporučuju je.
Osim toga, povratna informacija je uvijek dobra motivacija za same autore i administratore, što vam gotovo trenutno omogućuje da osjetite da su ljudi zainteresirani za ono što radite i vašu stranicu. To ne možete postići jednostavnim brojačem posjetitelja.
Što nam treba od sustava komentiranja?Dakle, koji bi trebali biti "ispravni" komentari na modernoj web stranici?
- Jednostavno i čitateljima razumljivo.
- Zgodan i funkcionalan za administratore.
Koje mogućnosti trenutno ima webmaster?
Widgeti društvenih mrežaPostoji samo jedan plus - postoji prilično velika vjerojatnost da je korisnik već prijavljen na društvenu mrežu i stoga se neće morati registrirati.
Mnogi nedostaci usluga na ruskom jezikuAnalozi na ruskom jeziku često su potpuno plaćeni i ne mogu se pohvaliti atraktivnim dizajnom.
SV KamenJedina iznimka ovdje je sustav SV Kament (svkament.ru), koji je potpuno besplatan i objedinjuje funkcionalnost raznih zapadnih sustava za komentiranje, ali je istovremeno fokusiran na rusko govoreći segment.
Pogledajmo na brzinu što bismo željeli vidjeti u našem sustavu komentiranja.
Komentari u obliku stabla s mogućnošću sažimanja pojedinačnih niti rasprave. Vrlo su korisni u vođenju rasprave kada ima puno komentara.
Prijava na društvenim mrežama uvelike pojednostavljuje registraciju i, kao rezultat toga, povećava broj komentara. Zapadne studije pokazuju da korištenje prijave putem društvene mreže ponekad povećava konverziju za više od 60%.
Ocjenjivanje komentara - prvo, pomaže istaknuti najzanimljivije i najvrijednije komentare, što je iznimno zgodno za čitatelje, a drugo, potiče korisnike da pišu zanimljive poruke.
Radite u stvarnom vremenu - što praktičniji i brži sustav radi, to ga više ljudi koristi i češće pišu komentare.
Obavijesti e-poštom - koliko često gubimo potencijalne komentare samo zato što korisnik ne zna da je netko odgovorio na njegovu prethodnu poruku.
Iz perspektive menadžmenta- Upravljanje izravno na mjestu.
- Informacije o korisniku.
- Jedinstvena kontrolna ploča za komentare za cijelu stranicu.
- Mogućnost imenovanja moderatora.
- Jednostavan za postavljanje.
Sustav SV Kament također ima niz zanimljivih karakteristika.
- Društvene emisije - omogućuju vam da "vratite" komunikaciju na svoju web stranicu s društvenih mreža. Ako imate VKontakte grupu u kojoj objavljujete najave novih članaka na web mjestu, onda često dio rasprave o člancima ostaje u komentarima na samu objavu i bilo bi sjajno emitirati te komentare natrag na svoju web stranicu.
- Ocjena i status korisnika - omogućuje vam da istaknete najaktivnije i najpopularnije posjetitelje, čime potičete svoje korisnike da češće posjećuju, više komuniciraju i pišu zanimljive poruke drugim ljudima.
Postoji prilično uobičajena praksa postavljanja nekoliko sustava za komentiranje odjednom, na primjer, zasebni VKontakte widget, zasebni Facebook i poseban za sve ostale.
Po mom mišljenju, ovo je jedna od najgorih odluka, ali važno je razumjeti koji se točno ciljevi slijede.
Ako samo trebate prikupiti recenzije korisnika, onda ova metoda ima pravo na život, iako za to može biti dovoljna obična knjiga gostiju ili čak adresa e-pošte.
Ako nam je cilj stvoriti zajednicu i potaknuti komunikaciju među korisnicima, onda je ovakav pristup izrazito štetan, jer dijeljenjem komentara dijelimo i samu komunikaciju, pa umjesto jednog dijaloga dobivamo hrpu nepovezanih poruka.
Kakve komentare koristite? Smatrate li komentare važnima za vašu web-lokaciju i koliko su komentari na vašoj web-lokaciji praktični i učinkoviti?
U ovoj lekciji govorit ću o tome kako se stvaraju komentari u HTML-u, CSS-u i PHP-u. Komentari su tekst koji nije vidljiv na web stranici. Koriste se za razne vrste objašnjenja, podsjetnika i opisa za webmastere, što vam omogućuje strukturiranje dokumenta. Komentari su nezamjenjivi prilikom otklanjanja pogrešaka u kodu; oni vam omogućuju brzu navigaciju označavanjem web stranice i pronalaženje željenog bloka. Komentari se često koriste za ispravljanje pogrešaka u HTML kodu. Na primjer, možete privremeno komentirati određeni blok koda tako da se ne izvršava, a ako je potrebno, možete ga jednostavno vratiti.
Komentari u HTML-uU HTML-u komentari se formiraju pomoću znakova: . Stoga je svaki tekst između ovih znakova komentar. Pogledajmo primjer:
Primjer komentara u HTML-u
Komentari u CSS-uKomentari u CSS-u kreiraju se pomoću znakova: /* i */. Da biste stvorili komentar, jednostavno morate postaviti kôd web stranice između ovih znakova:
/* Početak bloka sa stilovima za Body*/ body ( background: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; ) /* Kraj blok sa stilovima za Body*/ Comments u PHP-uKomentari u PHP-u mogu biti jednoredni ili višeredni:
1) Jednoredni komentari u PHP-u stvaraju se pomoću znakova: //. Jednostavno stavite ovaj znak ispred retka i on će biti komentiran.Ova opcija se koristi u slučaju kada se komentar sastoji od samo jednog retka.
2) Za implementaciju višerednih komentara koriste se sljedeći simboli: /* i */. Ova je opcija korisna ako se komentar proteže u nekoliko redaka.
Tako smo naučili raditi
Pozdrav, prijatelji i gosti bloga! Danas ću vam reći kako koristite PHP i MySQL. Također ćemo razgovarati o sustavima komentiranja za stranicu i izabrati najbolji za vašu stranicu od onih koje nudim.
Prvo pitanje: korištenje PHP-a i MySQL-a?
Da bismo to učinili, ti i ja prvo trebamo stvoriti tablicu u bazi podataka na tvojoj stranici, koja će se zvati komentari. Ova stvorena tablica pohranit će komentare u polja sa sljedećim oznakama:
id je jedinstveni identifikator.
page_id — ovo polje će pohraniti identifikator stranice stranice na kojoj se nalazi ovaj komentar.
ime je ime komentatora koji je ostavio ovaj komentar.
text_comment — prema tome, ovo je tekst trenutnog komentara.
Sljedeći korak, nakon kreiranja tablice za komentare u bazi podataka, moramo implementirati poseban kod za naše buduće komentare na stranici. Ovaj kod na stranici omogućit će našim komentatorima da dodaju svoje komentare našim člancima. Evo koda:
Tvoje ime:
Tvoj komentar:
Ovo je jednostavan HTML obrazac za komentare za web mjesto. Postavite ga na svoju web stranicu na mjesto gdje je zgodno za ostavljanje komentara na objavu – naravno, ispod same objave.
Posljednji korak u stvaranju obrasca za komentare za stranicu u PHP-u i MySQL-u je prikaz naših komentara na stranici stranice. Evo koda za ovo:
To je sve! Naš jednostavan obrazac za komentare za stranicu je kreiran i može raditi na stranici.
Ali ovo sigurno nije za početnika koji se neće zamarati sa svim ovim HTML, PHP i MySQL kodom. Niti će naučiti kako napraviti bazu podataka. Treba mu sve odjednom, brzo i bez glavobolje. Ja sam u pravu? Naravno da si u pravu!
Zatim prijeđimo na sljedeći odjeljak mog materijala i saznajmo sve o gotovim sustavima komentara za web mjesto i odaberemo najprikladniji, funkcionalniji i prihvatljiviji za vaše web mjesto...
Sustavi komentara za stranicu. Koju izabrati?Kako ostaviti komentare na web mjestu važno je pitanje jer komentari na web mjestu igraju važnu ulogu ne samo za komunikaciju između vlasnika web mjesta i posjetitelja, već su komentari važni i za SEO promociju i promociju.
Uz pomoć komentara na stranici povećava se pozicija stranice u rezultatima pretraživanja, poboljšavaju se čimbenici ponašanja, povećava promet na stranici, a samim time i vaša zarada. Vidite koliko su komentari važni za stranicu!
Stoga, pogledajmo kako komentirati na stranici i koji sustav komentiranja odabrati kao najbolju opciju?
Općenito, komentari na web stranicama prikazuju se na mnogo načina. To uključuje posebne dodatke za wordpress motore i komentare sa svih vrsta društvenih mreža, kao što su VKontakte, Facebook, Disqus. Postoje i neovisne usluge koje nude vlastite sustave komentara za web mjesto, na primjer.
Sada ću vam dati jednu tabletu koja će odmah sve staviti na svoje mjesto i neće se pojaviti nikakva pitanja o odabiru sustava komentara za web mjesto:
Ovdje možete jasno i jasno vidjeti koji je sustav komentara najbolji i nekoliko predstavljenih, koje webmasteri najčešće koriste na svojim resursima. Mislim da su tu objašnjenja nepotrebna i izbor je na vama!
