Виджет для вашего сайта
Компактный генератор паролей, который встраивается на любую страницу двумя строками кода. Бесплатно, без регистрации, без рекламы внутри и без сбора данных ваших читателей.
Настройте виджет
Код для вставки
Куда ставить
Где виджет уместен
В статью про безопасность. Читатель дошёл до совета «смените пароль» — и может сделать это прямо здесь, не уходя со страницы и не открывая менеджер паролей. Такой блок заметно повышает время на странице.
В инструкцию по настройке. Регистрация в панели хостинга, настройка роутера, создание учётной записи — везде, где по ходу текста нужно что-то придумать.
В боковую колонку блога. Вариант шириной 360 пикселей помещается в стандартный сайдбар и работает как полезный постоянный элемент.
В корпоративную базу знаний. Виджет не требует доступа в интернет к сторонним сервисам сверх нашего домена и не собирает данных сотрудников.
Технические детали
Как это работает внутри
Виджет открывается в теге iframe — это отдельный документ со своими стилями. Он не может залезть в вёрстку вашей страницы, а ваша страница не может прочитать, какой пароль сгенерировал читатель: браузер изолирует рамки с разных доменов.
С галочкой «подстраивать высоту» виджет сообщает нужный размер вашей странице через postMessage, а короткий скрипт из кода встраивания меняет высоту рамки. Без галочки высота фиксированная — надёжнее, но иногда остаётся пустое место.
Атрибут loading="lazy" откладывает загрузку до момента, когда читатель долистает до блока. Для длинных статей это правильный выбор: скорость первой отрисовки не меняется вообще.
Если рамка не появилась
Некоторые конструкторы сайтов вырезают теги iframe из обычного текстового редактора. Найдите блок «HTML-код», «Встроить» или «Embed» — вставлять нужно именно в него.
Вопросы
Частые вопросы
Виджет правда бесплатный?
Да, и останется таким. Условие одно: под рамкой остаётся видимая ссылка на наш генератор — она входит в код встраивания. Это честный обмен: вы получаете рабочий инструмент для читателей, мы — упоминание. Убирать ссылку не нужно, она специально сделана неброской.
Виджет не замедлит мой сайт?
Нет. Он загружается в отдельной рамке и не блокирует отрисовку вашей страницы, весит меньше 50 КБ вместе со стилями и скриптами и не тянет ни одной внешней библиотеки. Добавьте атрибут loading="lazy", и он не будет грузиться, пока читатель до него не долистает.
Что виджет знает о моих читателях?
Ничего, кроме факта загрузки страницы: мы считаем просмотры, как на любой странице сайта. Cookie он не ставит, рекламу не показывает, содержимое вашей страницы ему недоступно. Сгенерированные пароли не покидают браузер читателя — на сервер не уходит ни один символ.
Можно ли поменять цвета под мой сайт?
Тема выбирается параметром: светлая, тёмная или «как в системе у читателя». Произвольную палитру пока не поддерживаем, зато виджет не спорит с фоном страницы: у него собственная рамка и нейтральные цвета.
Рамка обрезает содержимое, что делать?
Увеличьте высоту в коде встраивания: разным режимам нужно от 280 до 360 пикселей. Либо возьмите вариант с автоподстройкой высоты — виджет сам сообщит нужный размер вашей странице.
Дальше