RU
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
Главная Избранное
Voltar

Панель объявления для сайта (полоса вверху)

Напишите сообщение, добавьте ссылку и выберите цвета. Закрывший полосу больше её не увидит, а сама она может исчезнуть после указанной вами даты.

Как пользоваться

Полоса объявления вверху сайта


Доступно на: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

Следующий инструментПолоса этапов для сайта (stepper на HTML и CSS)→
Реклама

Панель объявления для сайта (полоса вверху): для чего нужен

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

Напишите сообщение, ссылку и выберите цвета. Код запоминает закрывших полосу, чтобы не показывать её снова (пока вы не измените текст), может исчезнуть сам после определённой даты и может оставаться закреплённым при прокрутке. Полоса вставляется в начало страницы и занимает место с момента загрузки, чтобы не сдвигать контент и не ухудшать CLS.

Как пользоваться

  1. Напишите текст и ссылку.
  2. Выберите цвета, кнопку закрытия и конечную дату.
  3. Скопируйте и вставьте сразу после тега body.

Когда использовать

  • Акция в чёрную пятницу.
  • Объявление о праздничном графике.
  • Бесплатная доставка или промокод на скидку.

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

Как панель запоминает, что человек её закрыл?

Код сохраняет (localStorage), что это объявление закрыто. Если вы измените текст, ключ тоже изменится, и новое объявление снова появится у всех.

Мешает ли полоса SEO или загрузке?

Нет, это лёгкие HTML и CSS. Чтобы не сдвигать страницу после загрузки (что ухудшает метрику CLS Google), код размещает полосу в начале body, занимая место с самого начала, и убирает её, только если человек уже её закрыл.

Можно ли показывать только до даты?

Да. Укажите конечную дату, и после неё полоса перестанет появляться — заходить на сайт, чтобы убрать её, не нужно.

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты

Большое спасибо за поддержку!

Каждое пожертвование помогает держать сайт в сети. Инструменты созданы, чтобы помогать вам, но у нас есть расходы на серверы. Если можете помочь, это очень важно! Выберите или введите сумму:

Безопасная оплата через Stripe. Откроется в другой вкладке.

Инструменты предоставляются как есть, без гарантий. Мы не отвечаем за результаты и за то, как они используются.