Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz
Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz
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.
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.
Re: Údaj "Odhadovaný čas čtení" pro články na kosmonautix.cz
Díky za tip, předám to kolegům, kteří mají web na starost a promyslíme to. 
