Перейти к содержанию

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

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

📋 Общая информация

Код BotSafe нужно вставить в <head> вашего сайта, перед закрывающим тегом </head>. Код получается при регистрации сайта в Telegram-боте.

🔧 Прямая вставка HTML-кода

Если у вас есть доступ к HTML-коду сайта:

  1. Откройте файл, который содержит <head> (обычно index.html или header.php)
  2. Найдите закрывающий тег </head>
  3. Вставьте код BotSafe перед </head>
  4. Сохраните файл
<head>
  <meta charset="UTF-8">
  <title>Мой сайт</title>

  <!-- Другой код -->

  <!-- Код BotSafe -->
  <script>
    // Ваш код интеграции здесь
  </script>
</head>

📝 WordPress

Способ 1: Через плагин (рекомендуется)

Рекомендуемый способ

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

Шаги:

  1. Установите плагин "Insert Headers and Footers" или аналогичный:
  2. Перейдите в "Плагины" → "Добавить новый"
  3. Найдите "Insert Headers and Footers"
  4. Установите и активируйте плагин

  5. Перейдите в настройки плагина:

  6. "Настройки" → "Insert Headers and Footers"
  7. Или "Внешний вид" → "Insert Headers and Footers"

  8. Вставьте код BotSafe:

  9. В поле "Scripts in Header" вставьте код BotSafe
  10. Не вставляйте код в "Scripts in Footer"

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

  12. Нажмите "Сохранить изменения"

Пример

После установки плагина откройте раздел "Scripts in Header" и вставьте туда код BotSafe, который вы получили в Telegram-боте.

Способ 2: Через тему

Внимание

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

Шаги:

  1. Перейдите в редактор тем:
  2. "Внешний вид" → "Редактор тем"
  3. Или используйте FTP/файловый менеджер хостинга

  4. Выберите файл header.php:

  5. В списке файлов найдите header.php
  6. Откройте его для редактирования

  7. Найдите закрывающий тег </head>:

  8. Используйте поиск (Ctrl+F) для быстрого поиска
  9. Убедитесь, что вы нашли правильный тег

  10. Вставьте код BotSafe:

  11. Вставьте код перед </head>
  12. Не вставляйте код после </head>

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

  14. Нажмите "Обновить файл"

Способ 3: Через functions.php

Альтернативный способ

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

Шаги:

  1. Откройте файл functions.php вашей темы:
  2. "Внешний вид" → "Редактор тем" → functions.php
  3. Или используйте FTP/файловый менеджер

  4. Добавьте следующий код в конец файла:

function add_botsafe_code() {
    ?>
    <script>
        // Ваш код BotSafe здесь
    </script>
    <?php
}
add_action('wp_head', 'add_botsafe_code');
  1. Замените комментарий // Ваш код BotSafe здесь на реальный код BotSafe

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

🎨 Tilda

Применение ко всему сайту

Код, вставленный в настройках сайта, будет применён ко всем страницам сайта автоматически.

Шаги:

  1. Откройте нужную страницу в редакторе Tilda:
  2. Войдите в аккаунт Tilda
  3. Откройте нужную страницу для редактирования

  4. Откройте настройки:

  5. Нажмите на иконку "⚙️ Настройки" в правом верхнем углу
  6. Или используйте меню страницы

  7. Перейдите в настройки сайта:

  8. Выберите "Настройки сайта""Код сайта"
  9. Или найдите раздел "Код" в настройках

  10. Вставьте код BotSafe:

  11. В разделе "Код в " вставьте код BotSafe
  12. Не вставляйте код в "Код в " или "Код перед "

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

  14. Нажмите "Сохранить" или "Применить"

Проверка

После сохранения код будет применён ко всем страницам сайта. Проверьте работу кода, открыв любую страницу сайта.

🔷 Joomla

Способ 1: Через плагин

  1. Установите плагин "Custom Code" или аналогичный
  2. Перейдите в "Расширения" → "Плагины"
  3. Найдите установленный плагин и откройте его
  4. Вставьте код BotSafe в соответствующее поле
  5. Сохраните изменения

Способ 2: Через шаблон

  1. Перейдите в "Расширения" → "Шаблоны" → "Стили"
  2. Выберите активный шаблон
  3. Нажмите "Изменить"
  4. Найдите файл index.php или создайте переопределение
  5. Вставьте код BotSafe перед </head>

🔵 Drupal

  1. Перейдите в "Структура" → "Блоки"
  2. Создайте новый блок или отредактируйте существующий
  3. Вставьте код BotSafe в содержимое блока
  4. В настройках блока выберите "Тип содержимого" → "PHP код" (если доступно)
  5. Или используйте модуль "Custom Code" для вставки в <head>

🟦 Bitrix

  1. Перейдите в "Контент" → "Редактор сайта"
  2. Откройте файл header.php или используйте компонент "Включение области"
  3. Вставьте код BotSafe перед </head>
  4. Сохраните изменения

Или используйте настройки сайта: 1. Перейдите в "Настройки" → "Настройки продукта" → "Настройки сайта" 2. Найдите раздел "Код в " 3. Вставьте код BotSafe 4. Сохраните изменения

🟢 Wix

  1. Перейдите в редактор сайта
  2. Нажмите "Настройки" → "Дополнительно" → "Код сайта"
  3. В разделе "Код в " вставьте код BotSafe
  4. Сохраните изменения

🔴 Shopify

  1. Перейдите в "Онлайн-магазин" → "Темы"
  2. Нажмите "Действия" → "Изменить код"
  3. Откройте файл theme.liquid
  4. Найдите </head>
  5. Вставьте код BotSafe перед </head>
  6. Сохраните изменения

🟡 OpenCart

  1. Перейдите в "Расширения" → "Модификаторы"
  2. Создайте новый модификатор или отредактируйте существующий
  3. Найдите файл common/header.twig или аналогичный
  4. Добавьте код BotSafe перед </head>
  5. Сохраните изменения

🔍 Проверка установки

После установки кода обязательно проверьте, что всё работает правильно.

Шаг 1: Проверка в браузере

  1. Откройте сайт в браузере:
  2. Откройте любую страницу сайта
  3. Убедитесь, что страница загружается нормально

  4. Откройте консоль разработчика:

  5. Нажмите F12 или Ctrl+Shift+I (Windows/Linux)
  6. Или Cmd+Option+I (Mac)
  7. Перейдите на вкладку "Console"

  8. Проверьте на наличие ошибок:

  9. Не должно быть ошибок, связанных с BotSafe
  10. Если есть ошибки, проверьте правильность установки кода

Шаг 2: Проверка сетевых запросов

  1. Откройте вкладку "Network":
  2. В консоли разработчика перейдите на вкладку "Network"
  3. Обновите страницу (F5)

  4. Проверьте запросы к BotSafe:

  5. Должны быть запросы к botsafe.ru или track.botsafe.ru
  6. Запросы должны быть успешными (статус 200)

Пример успешного запроса

В списке сетевых запросов вы должны увидеть запрос к track.botsafe.ru/bshield.js со статусом 200 (OK).

Шаг 3: Проверка в Яндекс.Метрике

  1. Подождите несколько минут:
  2. Данные появляются в Метрике с задержкой (обычно 5-10 минут)
  3. Не проверяйте сразу после установки

  4. Откройте Яндекс.Метрику:

  5. Войдите в Яндекс.Метрику
  6. Выберите нужный счётчик

  7. Проверьте параметры визита:

  8. Перейдите в отчёт "Посетители"
  9. Откройте конкретное посещение
  10. В разделе "Параметры визита" должны быть параметры с префиксом bs_

Если параметры не появились

Если параметры не появились через 10-15 минут, проверьте: - Правильность номера счётчика Яндекс.Метрики - Работу счётчика на сайте - Консоль браузера на наличие ошибок

❓ Частые проблемы

Код не работает

  • Убедитесь, что код вставлен в <head>, а не в <body>
  • Проверьте, что код не повреждён при копировании
  • Проверьте консоль браузера на наличие ошибок

Параметры не появляются в Яндекс.Метрике

  • Убедитесь, что номер счётчика Яндекс.Метрики указан правильно
  • Подождите несколько минут — данные могут появиться с задержкой
  • Проверьте, что счётчик Яндекс.Метрики установлен и работает

Ошибки в консоли

  • Проверьте, что код установлен полностью
  • Убедитесь, что нет конфликтов с другими скриптами
  • Обратитесь в поддержку через Telegram-бота

📚 Дополнительная информация