Сколько дней до… · виджетВиджет обратного отсчёта для сайта

Вставьте на сайт обратный отсчёт до Нового года, каникул, праздника или своей даты: выберите событие и вид, скопируйте код — и счётчик будет обновляться сам. Виджет не ставит cookies, не подключает счётчики и не требует регистрации.

Без cookies, без счётчиков и без регистрации — бесплатно
01

Событие

из каталога или своя дата
Отсчёт до
Событие
Дата и время
Время необязательно: без него отсчёт идёт до полуночи этого дня.
Подпись
До 40 знаков. Показывается заголовком без «До»: «Выпускной · осталось 210 дней». В картинку не попадает.
02

Вид

живой виджет или картинка для форумов
Формат
Размер
Высота 160 пикселей при любой ширине: на узкой колонке цифры уменьшаются, а не переносятся.
Тема
Цвет цифр
Меняет только цифры, остальное — по теме.
Показывать
Тема
Часовой пояс
Когда наступит полночь события. «У посетителя» — по часам того, кто смотрит сайт.
Язык
03

Превью

настоящий виджет с этими параметрами
Виджет · До Нового года
Фон
параметры по умолчанию: до Нового года, стандартный, тема как у посетителя
04

Код

один тег iframe, без скриптов
HTML
<iframe src="https://bringer.ru/embed/countdown"
        title="Сколько дней до Нового года — bringer.ru"
        width="100%" height="160" style="border:0;max-width:640px"
        loading="lazy" referrerpolicy="origin"
        sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox"></iframe>

Как вставить

Тильда
  1. Добавьте на страницу блок T123 «HTML-код» (раздел «Другое»).
  2. Нажмите «Контент» и вставьте скопированный код.
  3. Сохраните и опубликуйте страницу — в редакторе виджет может не показываться, на опубликованной он есть.
WordPress
  1. В редакторе страницы добавьте блок «Произвольный HTML».
  2. Вставьте код и переключитесь на «Предпросмотр».
  3. Обновите страницу. В классическом редакторе — вкладка «Текст», а не «Визуально».
1С-Битрикс
  1. Откройте страницу в визуальном редакторе.
  2. Переключитесь в режим «Код» (или «HTML»).
  3. Вставьте код в нужное место и сохраните.
Wix
  1. Нажмите «Добавить» → «Встроить код» → «Встроить HTML».
  2. В настройках блока выберите «Код» и вставьте его.
  3. Растяните блок по ширине и высоте виджета и опубликуйте сайт.
uCoz
  1. Откройте панель управления → «Конструктор» или редактор страницы.
  2. Переключитесь в режим HTML-кода.
  3. Вставьте код и сохраните.
Свой HTML
  1. Вставьте код в нужное место страницы — внутрь колонки, где должен стоять виджет.
  2. Ширина подстроится под колонку, высота у размера своя.
  3. Если на сайте есть политика безопасности содержимого (CSP), добавьте bringer.ru в frame-src.
05

Как это работает

Обновляется сам

Виджет считает время в браузере посетителя. В день события он поздравит, а со следующего дня начнёт отсчёт до следующего раза: «до Нового года» работает годами без замены кода.

Не следит

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

Ничего не ломает

Код — один фрейм без скриптов. Он не выполняется на вашей странице, не меняет её стили и работает в конструкторах, где скрипты запрещены.

Картинка для форумов

Где фрейм нельзя, ставится картинка: она показывает дни и обновляется после полуночи по Москве. Бренд нарисован в ней, ссылка — с nofollow.

Сам отсчёт до любого праздника — на странице «Сколько дней до…»

06

Частые вопросы

Обновлено