DISQUS – komment-kezelő rendszer és telepítése

Nos, természetesen van fizetős változat is, ezt szögezzük le az elején, de maga a hozzászólás kezelés és karbantartás ingyenes és az is marad, ígérik a fejlesztők. A fizetős részleg analitikát kap, meg API-t, stb-t, nincs ezzel baj…

Lényeg, hogy ingyenesen kapunk egy site független komplett rendszert, ami a következőket nyújtja:

• spam és moderálási eszközök (a DISQUS felületén)
• felhasználói profil
• email értesítők
• mobil hozzászólások
• közösségi integrálás
• importálható és exportálható hozzászólások (ez igen fontos szokott lenni…)

Fontos megjegyezni, hogy az alábbi szolgáltatásokkal működik együtt: OpenID, Yahoo, Twitter, Google, Facebook.

Természetesen magának a DISQUS-nak is használható a felhasználói profilja és biztosít anonim felületet is a hozzászólóknak, ha szeretnénk.

A hozzászólás felületen kívül, a honlapunkhoz kapunk még 4 modult is:

• legfrissebb kommentek
• népszerű témák
• legtöbbet hozzászólók
• kombinált nézet (előző három tab-os megjelenése egy dobozban)

A komment felület kétféleképpen működhet (alapvetően kinézeti kérdés szerintem), lapos (flat) és szál-követő (threaded). A szál-követő kinézetben a válaszok behúzásra kerülnek a könnyebb követhetőség végett (megadható a válasz mélység), míg a lapos módban mindig közvetlen egymás alatt jelennek meg a válaszok. Továbbá beállíthatjuk, mennyi komment után legyen lapozó a további kommentekhez, milyen sorrendben jelenjenek meg a hozzászólások, kelljen-e regisztrálni vagy vendégek is hozzászólhatnak-e. Természetesen minden beállítást a DISQUS által biztosított felületen lehet elvégezni, a moderálással együtt.

A DISQUS hozzászólások felülete

Admin, moderáló felület

Megjegyezném, nem csak a saját honlapunk kommentjeit, de minden olyan saját hozzászólást is látunk az felületen, amit mi követtünk el a saját DISQUS profilunkkal mások honlapján. Valamint követhetünk hozzászólókat és természetesen bennünket is követhetnek.

Mind magát a rendszert, mind a modulokat HTML-kódba ágyazással lehet egyszerűen telepíteni, illetve sok CMS-hez (Joomla!, Drupal, WordPress, Blogger...) elkészítették már a telepítendő komponenseket, amikkel még egyszerűbb az élet.

Egy kis segítség CMS-ekhez...

A továbbiakban a manuális telepítést fogom röviden ismertetni.

Miután regisztráltunk, létrehoztunk egy profilt és hozzáadtuk a honlapunkat, szépen beállíthatjuk a megjelenést és működést. Majd a telepítést egy kellően részletes dokumentáció segíti (angolul), nem programozóknak a legismertebb CMS-ekhez van már telepíthető komponens.

Ha viszont az Universal Code-t választjuk, akkor oda telepítjük a rendszert ahová szeretnénk.

A következő rövid kódrészletet kell beilleszteni rendszerint a cikk megjelenés alá és tulajdonképpen készen is vagyunk.

A kód három részből áll (a DISQUS súgója a témában):

a rendszer tartó DIV eleme:

<div id="disqus_thread"></div>

inicializáló javascript:

<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'example'; // required: replace example with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://'; + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>

logó amit ugye kötelességünk feltüntetni, ha már ingyen van:

<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript";>comments powered by Disqus.</a></noscript>
<a href="http://disqus.com"; class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>

A javascript részben láthatjuk is, hogy egy-két beállítást itt meg kell tennünk azért a sikeres működésért.

disqus_shortname: A regisztrált honlapunk rövid DISQUS neve, ez mondja meg a rendszernek melyik honlapról is van szó.

disqus_identifier: Az adott oldalt (cikket) azonosítja egyedileg.

disqus_url: Az adott oldal (cikk) állandó linkje, amin mindig elérhető.

Ez a három legfontosabb beállítás, azonban a disqus_identifier és disqus_url paraméterekről egy mondat. Ha nem adjuk meg az identifiert és url-t, akkor a honlapunk window.location.href adatot fogja alapul venni mindkettőre és ez nem jó ránknézve.

Az egyszerűbbel kezdve, a disqus_url hivatott ugye megmutatni, hogy ahol kommenteztek az melyik url-n történt, később ezt használja fel a legfrissebb hozzászólások modul, ha pedig az url végére bekerül egy ?valami=akármi GET paraméter, akkor lehet már nem is jó helyre kerül a kommentünk, ezért mindig érdemes megadni a fix címet a cikkhez.

Hogy picit bonyolítsuk a dolgot, a disqus_identifier ezenfelül egy egyedi azonosítóval is ellátja a szálat, ha ezt nem adjuk meg mi magunk, akkor az megegyezik a disqus_url-vel. Alapesetben ez jó, de, ha költözik a cikk, vagy megváltozik az url-je, mert másik alias-t adunk neki, akkor már is sikertelen lesz a beazonosítás, ezért ide érdemes a cikk egyedi azonosítóját megadni, vagy generálni hozzá egyet.

A folytatásban DISQUS modulok és telepítésük