Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz

Sem můžete přidávat svoje tipy na vylepšení našeho fóra
Odpovědět
IrMilan
Vesmírný nováček
Vesmírný nováček
Příspěvky: 2
Reputace: 0
Registrován: 4.12.2024 11:35
Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz

Příspěvek od IrMilan »

Návrh na přidání údaje "words to time" k článkům na kosmonautix.cz:

Přidání údaje "odhadovaný čas čtení" k článkům na webu by mohlo být zajímavým zpestřením. Tento údaj, který se stává stále oblíbenějším trendem na webech, ukazuje odhadovaný čas, který je potřeba k přečtení článku. Je vypočítán na základě počtu slov v článku a průměrné rychlosti čtení.

Jako nejlepší místo se mi jeví řádek pod nadpisem, možná vedle počtu komentářů. Čtenáři budou moci lépe plánovat svůj čas a rozhodnout se, zda mají dostatek času k přečtení článku. Tento údaj také pomůže čtenářům s rozhodnutím, zda je článek dostatečně zajímavý a zda stojí za to investovat čas do jeho přečtení.

Zavedení údaje by nemělo být příliš náročné pro tvůrce webu. Bude potřeba přidat nový řádek kódů, který bude počítat počet slov v článku a dopočítávat odhadovaný čas čtení.
Pro autory článků nebude zavedení znamenat žádnou práci navíc. Počet slov v článku bude počítán automaticky.

Nejsem profesionální programátor a toto berte pouze jako velmi hrubý příklad, jak by to mohlo vypadat.
Nejsem tvůrce ani spolutvůrce webu kosmonautix a tak neznám různá specifika.

Můžeme přidat nový element do seznamu ul s třídou elementor-post-info, který bude obsahovat odhadovaný čas čtení.
html

<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
...
<li class="elementor-icon-list-item elementor-repeater-item-reading-time elementor-inline-item">
<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-reading-time">
Odhadovaný čas čtení: <span id="reading-time"></span>
</span>
</li>
</ul>


Potom můžeme přidat JavaScriptový kód, který bude počítat počet slov v článku a dopočítávat odhadovaný čas čtení:

javascript

const articleContent = document.querySelector('.elementor-widget-container .elementor-text-editor');
const wordCount = articleContent.textContent.split(' ').length;
const readingTime = Math.ceil(wordCount / 200); // předpokládá se, že průměrná rychlost čtení je 200 slov za minutu
document.querySelector('#reading-time').innerHTML = `${readingTime} minut`;


Tento kód předpokládá, že článek je umístěn v elementu s třídou elementor-text-editor uvnitř elementu s třídou elementor-widget-container. Kód počítá počet slov v článku, dopočítává odhadovaný čas čtení a vkládá ho do elementu s id reading-time.

Samozřejmě, že tento kód je pouze příkladem a bude potřeba ho upravit podle specifických požadavků webu.
Uživatelský avatar
Dugi
Administrátor
Administrátor
Příspěvky: 26989
Reputace: 2758
Bydliště: Jihlava
Registrován: 23.10.2009 15:36
Re: Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz

Příspěvek od Dugi »

Díky za tip, předám to kolegům, kteří mají web na starost a promyslíme to. ;-)
Obrázek

"Země je kolébkou života, ale nelze žít věčně v kolébce ..." - Konstantin Eduardovič Ciolkovskij

Odpovědět

Zpět na „Připomínky a návrhy“