Stima: visualizzazione del tempo di lettura stimato e del numero di parole

Stima: per il tempo di lettura:

Codice Liquid -

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

Ecco la spiegazione del codice

assign reading_time = article.content: crea una variabile chiamata reading_time e assegna il testo completo del post del blog. 

| strip_html: questo filtro rimuove tutti i tag HTML (come <p>, <strong> o <div> ecc.), in modo da contare solo le parole effettive.

| split: ' ': trasforma la lunga stringa di testo in un elenco (array), separandola ogni volta che incontra uno spazio. Nota: se si usa '' (senza spazio), restituirà il conteggio dei caratteri.

| size: conta il numero totale di elementi nell'elenco, fornendo di fatto il conteggio totale delle parole dell'articolo.

| times: 1.0: converte il numero intero in un numero decimale (float). Questo è necessario per garantire che la divisione nel passaggio successivo sia precisa e non venga arrotondata immediatamente per difetto.

| divided_by: 200: divide il conteggio totale delle parole per 200 (si assume che il numero medio di parole lette al minuto sia di 200, che è uno standard del settore).

| ceil: arrotonda il risultato per eccesso all'intero più vicino (ad esempio, 2,1 minuti diventa "3 min di lettura").

{{ reading_time }} min di lettura: restituisce il numero finale calcolato sulla pagina, seguito dal testo "min di lettura".

Per il conteggio delle parole: 

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

Poiché la logica del conteggio delle parole segue gli stessi passaggi descritti sopra, non li ripetiamo qui.

La stima del tempo di lettura e del conteggio delle parole utilizzando il codice Liquid è una soluzione nativa altamente efficiente per aumentare il coinvolgimento degli utenti nel blog senza fare affidamento su app di terze parti pesanti.