Время чтения статей в Tilda: автоматический бейдж в потоках

Надпись «3 минуты чтения» помогает понять объём материала до открытия. Для большого потока неудобно считать время каждой статьи вручную, особенно когда тексты обновляются.

Мод оценивает длительность по полному тексту публикации и показывает бейдж в выбранном блоке потоков. Важно учитывать границы: отдельная страница без этого блока сама по себе не изменится. Разберём расчёт, подпись и размещение.

Укажите ID блока или общий uc-класс нескольких блоков. Пустое поле означает все потоки на странице, поэтому для первого подключения лучше явно выбрать источник. Так легче проверить, где должен появиться результат.

Бейдж можно включить на карточках и в статье, открытой внутри выбранного блока. Это отдельные места показа с общим оформлением. Не путайте такую открытую статью с любой самостоятельной страницей сайта: если на отдельной странице нет нужного блока потока, этот мод её не меняет. Для неё потребуется собственное поле или отдельная настройка шаблона.

Для оценки используется полный текст публикации, а не только короткое описание на карточке. Для нестандартного текстового источника CMS можно указать собственное поле. Не меняйте его без необходимости, если обычный источник уже определяется правильно.

Расчёт не учитывает HTML-разметку и изображения как прочитанные слова. Материал с длинным текстом и короткий пост с большой фотографией поэтому могут получить разное время, даже если визуально занимают похожую высоту страницы. Для пустого текста бейдж не выводится. Такой случай нужно проверить отдельно, а не считать пропуск случайной ошибкой оформления.

Задайте скорость в словах в минуту. Это условная оценка для посетителя, а не точное обещание: люди читают по-разному, возвращаются к абзацам и останавливаются на иллюстрациях.

В подписи доступны {min}, {sec} и {words}. Можно показать только минуты или добавить секунды и число слов. Когда {sec} отсутствует, минуты округляются вверх. Поэтому небольшой остаток времени может дать следующую целую минуту. Сравните короткий и длинный материалы и выберите формат, который выглядит естественно для вашего каталога.

В общем разделе «Бейдж» настройте шрифт, фон, внутренние отступы и скругления. Используйте семейство, уже подключённое в Tilda. Затем отдельно проверьте положение на карточке и внутри открытой статьи.

Время чтения — вторичная подсказка. Оно не должно перекрывать фотографию, дату или название. Примерьте длинную подпись с минутами и секундами на самой узкой карточке. Если надпись занимает больше места, чем полезно, сократите формат вместо чрезмерного уменьшения шрифта. На телефоне текст должен оставаться различимым с первого взгляда.

Разместите T123 после блоков потока и опубликуйте страницу. Выберите для проверки короткую заметку, длинную статью и публикацию без основного текста. Откройте карточки и статью внутри потока.

У длинного материала оценка должна соответствовать его большему объёму, а пустой текст не должен получать выдуманное время. Если результат неожиданно одинаковый, проверьте выбранный источник и поле CMS. Не пытайтесь исправить расчёт только шаблоном подписи: сначала убедитесь, что мод действительно читает нужный полный текст.

После установки измените тестовый материал в безопасной копии или сравните записи с заведомо разным объёмом. Это помогает отличить рабочий расчёт от случайно подходящей цифры в одном посте.

• Выбран правильный блок потоков.
• Расчёт использует основной текст, а не анонс.
• Формат минут и секунд понятен посетителю.
• Бейдж не перекрывает дату и заголовок на телефоне.
• Ожидания от отдельной страницы статьи соответствуют возможностям мода.

Саму скорость чтения не стоит подгонять под красивую цифру: оставьте её осмысленной для ваших материалов.

Читайте также: Обрезка текста в Tilda: многоточие и одинаковая длина описаний · Сторис из потоков Tilda: как собрать ленту из готовых публикаций.