Estimation : Affichage du temps de lecture estimé et du nombre de mots

Estimation : Temps de lecture :

Code Liquid -

{% assign reading_time = article.content | strip_html | split: ' ' | size | times: 1.0 | divided_by: 200 | ceil %}{{ reading_time }} min de lecture

Voici le détail du code

assign reading_time = article.content : cela crée une variable nommée reading_time et lui attribue l’intégralité du texte du billet de blog. 

| strip_html : ce filtre supprime toutes les balises HTML (comme <p>, <strong> ou <div> etc.) afin de ne conserver que les mots réels à compter.

| split: ' ' : cela transforme la longue chaîne de texte en une liste (un tableau) en la découpant à chaque espace. Remarque : si vous utilisez ‘’ (sans espace), le code renverra le nombre de caractères.

| size : cela compte le nombre total d’éléments dans cette liste, ce qui vous donne en réalité le nombre total de mots de l’article.

| times: 1.0 : cela convertit le nombre entier en nombre décimal (flottant). Cette étape est nécessaire pour garantir que la division suivante soit précise et ne soit pas immédiatement arrondie à l’entier inférieur.

| divided_by: 200 : cela divise le nombre total de mots par 200 (nous supposons que le nombre moyen de mots lus par minute est de 200, ce qui constitue une norme dans le secteur).

| ceil : cela arrondit le résultat à l’entier supérieur le plus proche (par exemple, 2,1 minutes devient « 3 min de lecture »).

{{ reading_time }} min de lecture : cela affiche le résultat final du calcul sur la page, suivi du texte « min de lecture ».

Nombre de mots : 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} mots

Comme la logique de calcul du nombre de mots suit les mêmes étapes expliquées ci-dessus, nous ne les détaillerons pas à nouveau ici.

L’estimation du temps de lecture et du nombre de mots à l’aide du code Liquid est une solution native très efficace pour accroître l’engagement des lecteurs sur un blog sans dépendre d’applications tierces gourmandes en ressources.