LazyHub

Справка и документация

Всё, что нужно знать для успешного использования LazyHub

Быстрый старт

Интеграция за 5 минут. Пошаговое руководство для новичков.

Интеграция

Подробные инструкции для разных CMS и платформ.

Триггеры

Все типы триггеров и примеры использования.

Решение проблем

Частые проблемы и способы их решения.

🚀 Быстрый старт

Интеграция за 3 шага

1

Регистрация

Создайте аккаунт и добавьте ваш сайт в панели управления

2

Установка кода

Скопируйте код интеграции в <head> секцию сайта

3

Настройка скриптов

Добавьте скрипты и настройте условия их загрузки

Пример кода интеграции:

<script src="https://lazyhub.ru/api/embed/YOUR_SITE_ID" defer></script>

Замените YOUR_SITE_ID на уникальный идентификатор вашего сайта из панели управления

💻 Интеграция с популярными платформами

WordPress

1. Перейдите в Внешний вид → Редактор тем

2. Откройте файл header.php

3. Вставьте код перед закрывающим </head>

Или используйте плагин Insert Headers and Footers

Shopify

1. Перейдите в Online Store → Themes

2. Actions → Edit code

3. Откройте theme.liquid

4. Вставьте код в секцию <head>

Tilda

1. Настройки сайта → Еще

2. Вставить код в HEAD

3. Добавьте код интеграции

4. Сохраните и опубликуйте

Wix

1. Настройки → SEO и мета-теги

2. Дополнительно → Custom code

3. Add custom code in head

4. Вставьте код интеграции

Squarespace

1. Settings → Advanced → Code Injection

2. Header section

3. Вставьте код интеграции

4. Сохраните изменения

HTML сайт

1. Откройте HTML файл

2. Найдите секцию <head>

3. Вставьте код интеграции

4. Сохраните файл на сервер

⚡ Типы триггеров

Загрузка скрипта через указанное количество секунд после загрузки страницы.

Применение: Идеально для аналитических скриптов, которые не влияют на пользовательский опыт.

Настройка: Укажите количество секунд (от 1 до 300).

Пример: Google Analytics, Яндекс.Метрика.

Загрузка скрипта при достижении определенного процента прокрутки страницы.

Применение: Для скриптов, которые должны загружаться, когда пользователь проявляет активность.

Настройка: Укажите процент прокрутки (от 10% до 90%).

Пример: Чаты поддержки, ретаргетинг пиксели.

Загрузка скрипта при клике на определенный элемент страницы.

Применение: Для скриптов, которые нужны только при взаимодействии пользователя.

Настройка: Укажите CSS селектор элемента (например, .button-class или #element-id).

Пример: Виджеты оплаты, модальные окна.

Загрузка скрипта, когда определенный элемент становится видимым в области просмотра.

Применение: Для скриптов, связанных с конкретными блоками контента.

Настройка: Укажите CSS селектор элемента-триггера.

Пример: Карты, встроенные видео, калькуляторы.

Загрузка скрипта только на страницах, URL которых соответствует указанной маске.

Применение: Для скриптов, которые нужны только на определенных страницах.

Настройка: Используйте wildcards (* и ?) в URL маске.

Пример: /product/* для страниц товаров, /blog/* для блога.

Загрузка скрипта в зависимости от типа устройства пользователя.

Применение: Разные скрипты для мобильных и десктопных пользователей.

Настройка: Выберите тип устройства (мобильное, планшет, десктоп).

Пример: Мобильные SDK, десктопные виджеты.

Загрузка скрипта в зависимости от браузера пользователя.

Применение: Для браузер-специфичных решений или обходов багов.

Настройка: Выберите браузеры (Chrome, Firefox, Safari, Edge).

Пример: Полифиллы, браузер-специфичные оптимизации.

Загрузка скрипта при возникновении пользовательского JavaScript события.

Применение: Интеграция с существующими системами аналитики или событиями.

Настройка: Укажите название custom события (например, 'user_engaged').

Пример: window.dispatchEvent(new Event('user_engaged')).

❓ Часто задаваемые вопросы

После регистрации и добавления сайта в панель управления, вы получите уникальный код интеграции. Этот код нужно вставить в секцию <head> вашего сайта. После этого все настроенные скрипты будут автоматически загружаться с учетом указанных условий.
Мы поддерживаем 8 типов триггеров: временная задержка (загрузка через X секунд), скролл (при прокрутке страницы), клик по элементу, видимость элемента в области просмотра, URL маска (загрузка только на определенных страницах), тип устройства (мобильные/десктоп), браузер и custom события JavaScript.
Да, наш сервис работает с любыми системами управления контентом и платформами: WordPress, Joomla, Drupal, Bitrix, WooCommerce, Shopify, Tilda, Wix, Squarespace, а также с самописными решениями. Достаточно добавить код интеграции в секцию <head>.
Наш сервис положительно влияет на SEO, поскольку помогает улучшить показатели Core Web Vitals (LCP, INP, CLS) за счет оптимизации загрузки скриптов. Это может привести к повышению позиций в поисковой выдаче Google, так как скорость сайта является фактором ранжирования.
Сначала проверьте правильность установки кода интеграции в секции <head>. Затем очистите кеш браузера и сайта. Проверьте консоль браузера на наличие ошибок. Если проблема не решается, обратитесь в нашу техподдержку — мы поможем с диагностикой.
Да, для каждого скрипта можно настроить несколько условий одновременно. Например, загружать скрипт через 5 секунд ИЛИ при скролле до 50% страницы. Также можно использовать комбинированные условия с логикой И/ИЛИ.

🔧 Решение проблем

Скрипты не загружаются

  • • Проверьте правильность установки кода интеграции
  • • Убедитесь, что код находится в секции <head>
  • • Очистите кеш браузера и сайта
  • • Проверьте консоль браузера на ошибки

Триггеры не срабатывают

  • • Проверьте настройки триггера в панели управления
  • • Убедитесь, что элемент для триггера существует на странице
  • • Проверьте селекторы CSS на корректность
  • • Протестируйте на разных устройствах

Статистика не отображается

  • • Подождите до 24 часов для первых данных
  • • Убедитесь, что на сайте есть трафик
  • • Проверьте настройки блокировщиков рекламы
  • • Обратитесь в поддержку, если данных нет более суток

Конфликт с другими скриптами

  • • Настройте порядок загрузки скриптов
  • • Используйте разные триггеры для конфликтующих скриптов
  • • Добавьте задержку между загрузкой скриптов
  • • Обратитесь в техподдержку для индивидуальных настроек

Не нашли ответ?

Наша команда поддержки готова помочь вам с любыми вопросами и проблемами.

Время ответа: в будние дни до 4 часов, в выходные до 12 часов