Виджет для сайта

Добавь офлайн-слой чтения — лупа, режим чтения, озвучка, поиск, режимы шторки — на свой сайт одной строкой. Виджет монтируется в изолированный Shadow DOM и не ломает вёрстку. Идеально для сайтов с мелким текстом: офёрты, документация, госуслуги, классифайды, СМИ.

Настройки

Код для вставки


        
        Получить ключ в кабинете →
        Смотреть тарифы →
        
Ключ ВАШ_КЛЮЧ_ИЗ_КАБИНЕТА выдаётся в кабинете и привязывается к вашему домену (работает только на нём).

      

    


    
Способы установки

    

      
Прямой код
Вставьте код перед закрывающим тегом </body> на всех страницах (или в общий шаблон/футер).

      
Google Tag Manager
Новый тег → Custom HTML → вставьте код → триггер All Pages. Без правок кода сайта.

      
WordPress
Поставьте наш плагин vidlen → введите ключ в настройках. Код вставится сам в футер.

        
Скачать плагин (.zip) ↓

      
Tilda
Настройки сайта → «Ещё» → HTML-код для вставки внутрь HEAD или футер-блок T123.

      
1С-Битрикс
Вставьте код в footer.php активного шаблона (local/templates/...).

      
Любая CMS
Подойдёт любое место, где можно добавить один <script> в общий шаблон страниц.

    

    
Не хотите разбираться? В кабинете на карточке сайта есть кнопки «Отправить разработчику» (пришлём готовый код и инструкцию тому, кто делает ваш сайт) и «Проверить установку» (убедимся, что виджет заработал).


    

      
⚠️ Если на сайте настроен строгий CSP (Content-Security-Policy)

      
Большинству сайтов делать ничего не нужно. Но если у вас настроена политика безопасности Content-Security-Policy (заголовок ответа или тег <meta>), добавьте в неё два разрешения — иначе браузер заблокирует виджет:

      
script-src  https://vidlen.com
connect-src https://api.vidlen.com

      
Виджет подгружает своё ядро с vidlen.com и берёт настройки с api.vidlen.com. Как понять, что дело в CSP: виджет не появляется, а в консоли браузера (F12) есть ошибка со словами Content Security Policy.

    


    
Как это выглядит

    

      
Нажмите — виджет запустится прямо на этой странице (орб справа внизу). Ниже намеренно мелкий текст, чтобы показать авто-детект:

      
      
1. Настоящим договором (офёртой) Стороны устанавливают порядок оказания услуг, права и обязанности, ответственность.

      
2. Исполнитель обязуется оказать услуги в срок; Заказчик — принять и оплатить их в соответствии с тарифами.

      
3. Стороны несут ответственность за неисполнение обязательств в пределах, установленных законодательством.

      
4. Условия конфиденциальности действуют в течение всего срока и три года после его окончания.

      
5. Споры разрешаются путём переговоров; при недостижении согласия — в суде по месту нахождения Исполнителя.

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