Életlapok

Disqus hozzászólások a Blog.hu oldalon

Hogyan adjunk teret a kommentelésnek?

Ez a Mű a Creative Commons Nevezd meg! - Ne add el! - Ne változtasd! 4.0 Nemzetközi Licenc feltételeinek megfelelően felhasználható 2014. augusztus 04.

A Blog.hu bejegyzéseknél sajnos csak azok szólhatnak hozzá, akik már regisztráltak Indapass felhasználóként. Manapság egyre jobban terjed és sok oldalon látni a Disqus hozzászólási lehetőséget. Ennek előnye, hogy (a tulajdonos beállításától függően) akár regisztrálás nélkül is lehet kommentálni. A bejegyzéseket lehet pontozni, sőt: a kommentáláshoz is lehet újabb megjegyzést fűzni! Egy másik előnye, hogy szinte bármilyen weblapra beilleszthető a Disqus, és ehhez csak egy ingyenes regisztrációra van szükséged! Most azt fogom leírni, hogyan tudod a már meglévő Disqus fiókod a Blog.hu oldaladra beilleszteni.

Figyelem! Az alábbiakban erősen szakmázás lesz, de megpróbálom érthetően elmagyarázni a lényeget.

1. Ha már megnyitottad a Disqus fiókod, akkor felkínálja alapból, hogy hozz létre saját Disqus oldalt. Ha ez korábban elmaradt volna, akkor megteheted a For websites feliratra kattintasz, majd jobb oldalon az Add Disqus To Your Site feliratra. Az alábbi űrlap jelenik meg, ahol írj be egy tetszés szerinti nevet, egy rövid (ékezetek és szóköz nélküli) álnevet (ez lesz a Disqus fiókod címe és azonosítód), majd válassz egy kategóriát:

dis1.jpg

 

2. Miután rögzítetted az adatokat, feljön az ablak, ahol választhatsz a kiegészítők és a kódbeszúrási lehetőségek közül. Igen, akár WordPress vagy Joomla alá is könnyen beillesztheted a Disqust. Blog.hu oldal alá sajnos trükkhöz kell folyamodnunk, úgyhogy ezzel az oldallal most nem sokra megyünk. Viszont felül nézegesd majd át a füleket, mert ott fogod megtalálni a kommenteket és a helyeket:

dis2.jpg

 

3. Mielőtt még végképp itt hagynánk a Disqust, két ablakot mindenképp érdemes átnézned a Settings alatt:

  • a General fület, ahol beállíthatod, hogy előmoderálással vagy anélkül kívánod-e használni a Disqus fiókot, vagy a legújabb, legrégibb vagy a legkedveltebb megjegyzés kerüljön előre, milyen nyelven szeretnéd használni, illetve engeded-e a vendégeknek a hozzászólásokat?
  • az Advanced fület, ahol felveheted a megbízható domainjeidet (pl. mykee.blog.hu vagy sukitore.com), illetve beállíthatod a vendég hozzászólók profilképét.

 

4. Ha végeztél a Disqus beállításaival, lépj be a Blog.hu-s oldalad admin részébe és keresd meg a Beállításokban a Sablonokat. Két kódot kell beillesztened a sablonba, beleírtam mindkettőt egy TXT-be, amit innen tölthetsz le. Az elsőt a loop részbe, a hozzászólások alá (vagy fölé), a másodikat viszont a loop részen kívülre, javasolt a záró tag (blh:end) elé betenni.

Az utóbbi kódban a sok x helyére a saját Disqus aliasod kell beírni, tehát amit az űrlap kitöltésének második mezőjébe írtál (pl. nálam a mykee).

Az eredeti kódot kibővítettem pár formasággal és plusz infóval, hogy jobban kezelhetőbb legyen a Blog.hu sablonban. A kód használatához mindenképp szükség van friss jQuery-re, tehát ha a sablonodban még nem lenne betöltve, akkor még azt is be kell tenni a második kód elé!

 

5. Pár megjegyzés a mélyvízhez értőknek:

  • sajnos a Blog.hu sablonoknál nincs olyan paraméter, hogy a főoldalon ne jelenjen meg, csak a post megnyitása után. Ezért is kellett a trükkös kód.
  • a Disqus sajnos csak ezt a div id-t tudja kezelni, és mivel egy id-ből nem lehet több egy weblapon, ez a másik oka a trükkös kódnak. Így a főoldalon csak egy id látszik minden esetben, a másik bezárul. Szintén emiatt kell a kattintás és a form automatikusan nem tud betöltődni
  • a kód persze átszabható, de jelenleg a szükséges Disqus kódot a disqlink class hivatkozás után szúrja be. Tehát célszerű a disqlink classhoz felvenni a display:block, valamint az egérmutató javításához a cursor:pointer CSS értékeket.
  • ha valaki tudja, miként lehet egy paraméterrel csekkelni, hogy a főoldalon vagyok vagy sem, az szóljon! Pontosabban: tudom, hogy lehet javascripttel domaint ellenőrizni, és az alapján eldönteni, hogy főoldal vagy sem, de én olyasmire gondoltam, hogy alapból ezt a Blog.hu adja-e, hogy felesleges kódokkal ne terheljem a lapot.

Ha bármi kérdés van, jöhet Disqus-on is, alább már kipróbálhatjátok, miként működik!

 

-------------------------------------------------------------------------------------------------

Update 1:

Másik megoldást is találtam, ami kódilag egyszerűbb, de ennek hátránya, hogy csak a bejegyzés megnyitása után lehet kommentelni. Előnye, hogy nem kell semmilyen gombot nyomogatni, egyből betöltődik a szükséges form. Erre a verzióra cseréltem le a sajátomat is.

Ennél a verzióban a fejbe kell betenni egy részt (a blh:head_required utáni részbe, a blh:body_required elé), majd a loopba a másikat. Csatoltam a szükséges állományt, ami ehhez a módosításhoz kell.

 

-------------------------------------------------------------------------------------------------

Update 2:

A Blog.hu oldalon nemrégen megújult pár szolgáltatás és sablon. Ezekben fedeztem fel egy olyan kódot, amit fel lehet használni a Disqus könnyebb beszúrására. Ebben az esetben az innen letölthető csatolmányban lévő kódot bárhová be lehet szúrni a loopon belülre és készen vagy! (Persze az xxxx-eket cseréld ki a saját azonosítóddal!)

A bejegyzés trackback címe:

https://mykee.blog.hu/api/trackback/id/tr336572393

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

hymnus_6720 2016.02.04. 22:10:33

helló! szerinted hogy tudom elérni, hogy a blog.hu-s és a disq-os kommentfelület is látszódjon? (pl mint itt :))

mykee · http://www.facebook.com/mykeehu 2016.02.05. 06:39:14

@szegedicucc: Egyszerű: a Disqus nálam kézileg lett betéve a sablonra, nem a blog.hu-s módon kapcsoltam be. Így oda pakoltam a sablonban, ahová akartam, plusz bekapcsolhatom a blog.hu kommentjét is. :)
De a hogyant megtalálod fentebb, miket csináltam anno, hogy megjelenjen (akkor még nem volt beépítve a blog.hu-ban)

hymnus_6720 2016.02.06. 16:40:53

oks, végül sikerült a legutóbbi leírás szerint (csak nem jelent meg egyből)
köszi hogy megosztottad ezeket az infókat!

mykee · http://www.facebook.com/mykeehu 2017.12.03. 16:07:15

Összefoglalva a lépéseket, ha van Disqus-od és azonosítód:
1. Megkeresed a /blhc:postloop-ot és elé beteszed a sablonodba az Update 2-ben lévő txt-ben található kódot.
2. Miután betetted a kódot, az XXXX helyére beteszed a saját Disqus kódot és elmented a sablont.

maxval bircaman bácsi szeredőci mélyelemző · http://bircahang.org 2017.12.10. 15:37:15

@mykee:

S miért nem működik mindegyik sablonnal, nme tudod véletlenül?

mykee · http://www.facebook.com/mykeehu 2017.12.11. 17:57:46

Passzolom, szabvány kódot ültettem át a blog.hu-ra. Két tippem lehet: esetleg nem a postloopba tetted a kódot vagy esetleg a social blokkba, amit eleve kiszűr az adblocker. ;-)

maxval bircaman bácsi szeredőci mélyelemző · http://bircahang.org 2017.12.23. 16:38:10

@mykee:

Itt hová tegyem?

<blh:head_required />
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<blh:body_required />
<div id="page-wrapper" class="{blh:post_inside hyphen="1"}">
<header>
<h1>
<blh:blog_name />
<a href="/" class="back-to-main"></a>
</h1>

<blh:menu />
</header>

<div class="main-wrapper">
<section id="content-side">
<blhc:if key="pageType" value="blogcimlap" operator="eq">
<blh:starred width="620" height="310" bjqs_showcontrols="true" bjqs_showmarkers="false" />
</blhc:if>

<blhc:postloop>
<article id="{blh:post_slug}" class="post {blh:post_visibility} {blh:post_dtype} {blh:post_increment} clear-after" lang="{blh:post_lang}">
<div class="meta">
<span class="date"><blh:post_date format="Y\\m\\d"/></span>
<span class="edit"><blh:post_edit/></span>
</div>

<div class="post-content">
<h1 class="title">
<a href="{blh:post_permalink}"><blh:post_title/></a>
<span class="category-pic"></span>
</h1>

<h2 class="subtitle">
<blh:post_subtitle/>
</h2>

<div class="entry">
<blh:post_content/>

<div class="clear"></div>
</div>

<div class="article-bottom">
<blh:post_more class="more" />

<div class="comments"><blh:post_comments /></div>

<div class="share">
<blh:share fb_colorscheme="dark" />
</div>
</div>
</div>

<blhc:if key="pageType" value="post" operator="eq">
<h3 class="tags">
<blh:post_tags text=""/>
</h3>
</blhc:if>

<blh:post_trbrdf/>
<blh:post_related layout="index"/>
<blh:post_feedback/>

<blhc:if key="pageType" value="post" operator="ne">
<h3 class="tags">
<blh:post_tags text=""/>
</h3>
</blhc:if>
</article>
</blhc:postloop>

<blh:pager prelabel="&laquo;" nxtlabel="&raquo;" first_pages="2" current_pages="1" last_pages="2"/>

<a href="javascript:;" id="back-to-top" class="back-to-top"></a>
</section>

<aside id="right-side">
<blh:social />
<blh:rightboxes />
</aside>
</div>

<footer>
<blh:blog_tagline />
</footer>
</div>

<script src="http://m.blog.hu/skins/changing_seasons/scripts/main.js"></script>
<blh:end />

mykee · http://www.facebook.com/mykeehu 2017.12.23. 18:35:07

Ez elé a sor elé vagy utána, attól függően, hogy a kommentek elé vagy mögé akarod betenni:
<div class="comments"><blh:post_comments /></div>