Schätzung: Anzeige der geschätzten Lesezeit und Wortanzahl

Schätzung: Für die Lesezeit:

Liquid-Code -

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

Hier ist die Aufschlüsselung des Codes

assign reading_time = article.content: Dies erstellt eine Variable namens reading_time und weist ihr den gesamten Text des Blogbeitrags zu. 

| strip_html: Dieser Filter entfernt alle HTML-Tags (wie <p>, <strong> oder <div> usw.), sodass nur die eigentlichen Wörter gezählt werden.

| split: ' ': Dies verwandelt die lange Zeichenfolge in eine Liste (ein Array), indem sie bei jedem Leerzeichen getrennt wird. Beachten Sie, dass die Rückgabe der Zeichenanzahl erfolgt, wenn Sie '' (ohne Leerzeichen) verwenden.

| size: Dies zählt die Gesamtzahl der Elemente in dieser Liste, was effektiv die Gesamtzahl der Wörter des Artikels ergibt.

| times: 1.0: Dies wandelt die Ganzzahl in eine Dezimalzahl (Float) um. Dies ist notwendig, um sicherzustellen, dass die Division im nächsten Schritt präzise ist und nicht sofort abgerundet wird.

| divided_by: 200: Dies teilt die Gesamtwortanzahl durch 200 (wir gehen davon aus, dass die durchschnittliche Anzahl der pro Minute gelesenen Wörter tatsächlich 200 beträgt, was ein Branchenstandard ist).

| ceil: Es rundet das Ergebnis auf die nächste Ganzzahl auf (z. B. werden aus 2,1 Minuten „3 min Lesezeit“).

{{ reading_time }} min Lesezeit: Dies gibt die endgültig berechnete Zahl auf der Seite aus, gefolgt vom Text „min Lesezeit“.

Für die Wortanzahl: 

{% assign word_count = article.content | strip_html | split: ' ' | size %}{{ word_count }} Wörter

Da die Logik der Wortanzahl denselben oben erklärten Schritten folgt, wiederholen wir die Aufschlüsselung hier nicht.

Die Schätzung der Lesezeit und der Wortanzahl mit Liquid-Code ist eine hocheffiziente, native Lösung, um die Nutzerinteraktion auf dem Blog zu steigern, ohne auf ressourcenintensive Drittanbieter-Apps angewiesen zu sein.