© 2020 Ваша компания

Как сделать, чтобы год в копирайте обновлялся сам — пошаговый урок для начинающих

Как сделать, чтобы год в копирайте обновлялся сам — пошаговый урок для начинающих
Научитесь добавлять автоматическое обновление года в подвал сайта на Tilda. Простой способ с кодом, комментариями и защитой от ошибок. Подходит даже новичкам — без программирования.
Как сделать, чтобы год в копирайте обновлялся сам
🎯 Цель:
Научиться ставить автоматическое обновление года в подвале сайта на Tilda, чтобы каждый Новый год вам не приходилось заходить и менять 2024 на 2025 вручную.
Вот так будет выглядеть результат:
© 2020–2025 Ваша компания
→ А 1 января 2026 года станет:
© 2020–2026 Ваша компания
Само Без ваших рук
🧩 Шаг 1: Подготовьте текст в подвале
  1. Откройте страницу в Tilda.
  2. Добавьте блок Zero Block — Текст вниз страницы (это будет подвал).
  3. Напишите текст, например:
  4. © 2020 Ваша компания. Все права защищены.
💡 Важно: пишите реальный начальный год, с которого началась компания или сайт.
✏️ Шаг 2: Оберните ТОЛЬКО год в ссылку
  1. Выделите только цифры года — например, 2020.
  2. Нажмите на иконку ссылки (🔗).
  3. В появившемся окне введите:
  4. #years
  5. (да, это не настоящая ссылка — это “якорь”, который мы используем как метку)
✅ Правильно:
© <a href="#years">2020</a> Ваша компания
❌ Неправильно:
<a href="#years">© 2020 Ваша компания</a> — так не работать
💻 Шаг 3: Добавьте скрипт, который всё сделает сам
Теперь нужно добавить маленький кусочек кода, который найдёт этот 2020, сравнит с текущим годом и заменит на 2020–2025.
Как добавить код:
  1. Вставьте блок T123 — Произвольный HTML в самый низ страницы.
  2. Скопируйте туда этот код:
<script>
  // =============================================
  // 🛠 Автообновление года в копирайте
  // 📄 Страница: /avtoobnovlenie-goda
  // 💡 Назначение: Автоматически меняет "2020" на "2020–2025" в подвале
  // 🔗 Используется в блоке T123 на всех страницах сайта
  // =============================================

  const thisYear = new Date().getFullYear();

  for (let year of document.querySelectorAll('[href="#years"]')) {
    // Извлекаем чистый текст из ссылки (например, "2020")
    const text = year.textContent.trim();
    
    // Ищем 4 цифры подряд — это и есть начальный год
    const match = text.match(/\d{4}/);
    const firstYear = match ? parseInt(match[0], 10) : thisYear;

    // Создаём span с правильным диапазоном лет
    const span = document.createElement('span');
    span.textContent = firstYear === thisYear 
      ? thisYear 
      : firstYear + '–' + thisYear;

    // Заменяем ссылку на span — чтобы не было кликабельности
    year.parentNode.insertBefore(span, year);
    year.parentNode.removeChild(year);
  }
</script>
  1. Нажмите «Сохранить».
🧪 Шаг 4: Проверьте, что всё работает
  1. Опубликуйте страницу.
  2. Откройте её в инкогнито-режиме (чтобы не было кеша).
  3. Посмотрите на подвал — должно быть:
  4. © 2020–2025 Ваша компания
  5. Нажмите F12 → вкладка Console → введите:
  6. js
  7. new Date().getFullYear()
  8. Убедитесь, что возвращает 2025 (или актуальный год).

Ошибка

Что будет

Как исправить

Обернули весь текст ссылкой

NaN–2025

Оборачивайте только год

Забыли вставить скрипт

Год не меняется

Добавьте код в Z3

Вставил скрипт в Z1

Не работает

Используйте Z3 — Произвольный HTML

В тексте нет #years

Ничего не найдено

Убедитесь, что сделали ссылку на #years

🎁 Бонус: Почему это работает?
  • #years — это как стикер на год: «сюда прилетит скрипт».
  • Скрипт каждый раз смотрит, какой сейчас год.
  • Находит все, где есть #years, и говорит:
  • «Было 2020 — стало 2020–2025».
  • И делает это автоматически, каждый раз при загрузке сайта.
📌 Итог
✅ Теперь вы знаете, как:
  • Правильно выделять год,
  • Ставить метку #years,
  • Добавлять скрипт,
  • И получать умный копирайт, который живёт сам.
🎉 Поздравляю Вы только что сделали свой сайт умнее на 100 баллов.
  1. А 1 января 2026 года вы даже не вспомните, что нужно менять год — потому что он уже сам поменялся 😄
Made on
Tilda