Вы хотите узнать номер телефона посетителя сайта, но не знаете, как технически это реализовать. В этой статье — готовый скрипт, который можно скопировать и вставить на любой сайт за 5 минут.
Вы узнаете:
- как выглядит скрипт и как он работает;
- куда его вставлять (на примере популярных CMS);
- как проверить, что скрипт работает;
- как настроить параметры (тестовый режим, чёрный список номеров);
- как отлаживать ошибки через консоль браузера.
Для работы скрипта нужна регистрация в сервисе определителя номеров (например, ЯЛидер!). Без API‑ключа скрипт не будет определять номера, только собирать технические данные.
Что из себя представляет скрипт
Скрипт — это несколько строк на JavaScript. Он асинхронно загружается с сервера провайдера и начинает работать сразу после установки.
Вот пример минимального скрипта (реальный код выдаётся в личном кабинете сервиса после регистрации):
Разберём каждую строку (для тех, кому интересно):
(function(w,d,u){ ... })(window,document,'https://...') — самовызывающаяся функция, чтобы не засорять глобальное пространство имён.
var s=d.createElement('script') — создаём тег <script> динамически.
s.async=true — загружаем асинхронно, чтобы не блокировать загрузку страницы.
s.src=u+'?'+Date.now() — добавляем к URL параметр с текущей меткой времени, чтобы браузер не кешировал скрипт (всегда свежая версия).
h.parentNode.insertBefore(s,h) — вставляем созданный скрипт на страницу.
В реальности сервисы часто дают более короткую версию или с дополнительными параметрами (например, идентификатор аккаунта). Принцип тот же.
Как получить готовый скрипт для своего аккаунта
- Зарегистрируйтесь в сервисе определителя (рекомендуем ЯЛидер! — у них бесплатный тест).
- Перейдите в раздел «Установка скрипта» или «Код для сайта».
- Скопируйте предоставленный код. В нём уже будет подставлен ваш уникальный идентификатор.
- Никому не показывайте этот код — он привязан к вашему аккаунту.
Если вы скопируете чужой скрипт или пример из интернета без замены идентификатора, номера будут уходить на чужой аккаунт. Используйте только код из вашего личного кабинета.
Куда вставлять скрипт
Скрипт необходимо разместить на всех страницах сайта, где вы хотите определять номера. Лучшее место — перед закрывающим тегом </body>, но можно и в секции <head> (асинхронная загрузка позволяет).
Для WordPress (без плагинов)
Откройте файл footer.php вашей темы и вставьте код перед </body>.
<?php wp_footer(); ?>
<!-- Скрипт определителя номеров -->
<script>
(function(w,d,u){
// ... ваш код из личного кабинета
})(window,document,'https://api.yalider.ru/js/script.js');
</script>
</body>
</html>
Если не хотите редактировать тему, используйте бесплатный плагин «Insert Headers and Footers» — там есть поле для вставки скриптов в body.
Для Tilda
- Зайдите в настройки сайта (шестерёнка).
- Вкладка «Дополнительно» → «Код метрики».
- Поле «Код для вставки в секцию Body».
- Вставьте туда скрипт.
- Сохраните и опубликуйте.
Для OpenCart
- Админка → Дизайн → Макеты.
- Выберите макет, который используется на всех страницах (обычно «Default»).
- В поле «Footer» (или «Подвал») вставьте скрипт перед
</body>. - Сохраните.
Для Bitrix
- Настройки → Настройки продукта → Настройки сайта → Обработка скриптов.
- Поле «Код перед закрывающим тегом body».
- Вставьте скрипт.
Для любого HTML‑сайта
Откройте файл index.html (или footer.html, layout.html), найдите строку </body> и вставьте скрипт непосредственно перед ней.
<!-- ... -->
<script>
(function(w,d,u){
// ... ваш код
})(window,document,'https://api.yalider.ru/js/script.js');
</script>
</body>
</html>
Настройка параметров скрипта
В личном кабинете сервиса обычно есть дополнительные настройки, которые передаются через параметры скрипта. Например:
<script>
(function(w,d,u,cfg){
var s=d.createElement('script');
s.async=true;
s.src=u+'?id='+cfg.id+'&mode='+cfg.mode;
var h=d.getElementsByTagName('script')[0];
h.parentNode.insertBefore(s,h);
})(window,document,'https://api.yalider.ru/js/script.js', {
id: 'YOUR_ACCOUNT_ID',
mode: 'test', // test — тестовый режим, номера не определяются, только логи
blacklist: ['79260000000', '79150000000'] // номера, которые не нужно передавать
});
</script>
Основные параметры:
| Параметр | Значение | Описание |
|---|---|---|
mode | test / live | В тестовом режиме данные собираются, но номера не выдаются. Полезно для отладки. |
blacklist | массив номеров | Номера из чёрного списка не будут передаваться в CRM (например, ваши собственные). |
debug | true / false | Включает вывод подробных логов в консоль браузера. |
Где брать точные названия параметров? Они зависят от сервиса. Ищите раздел «Документация» или «Настройка скрипта» в личном кабинете.
Тестовый режим: как проверить, что скрипт работает, не тратя деньги
Перед включением платного режима обязательно протестируйте установку.
- Установите скрипт на сайт.
- Включите тестовый режим (параметр
mode: 'test'). - Откройте сайт в другом браузере или через инкогнито (чтобы не определять самого себя).
- Побродите по страницам 1–2 минуты.
- Зайдите в личный кабинет сервиса → раздел «Логи» или «Отладка».
Вы должны увидеть записи о визитах. Если они есть — скрипт установлен правильно. Если нет — проверьте консоль браузера на ошибки.
После успешного теста смените mode на live.
Отладка через консоль браузера
Если что‑то идёт не так, открываем консоль:
- Chrome / Edge / Яндекс.Браузер:
F12→ вкладкаConsole. - Firefox:
Ctrl+Shift+K(илиCmd+Shift+Kна Mac).
Что смотреть:
- Красные ошибки — если скрипт не загружается, вы увидите
Failed to load resource: .... Проверьте правильность URL. - Ошибки CORS — обычно не возникают, если скрипт загружается с того же протокола (https).
- Логи скрипта (если включён
debug: true) — будут сообщения вида[LeadDetector] initializing,[LeadDetector] fingerprint collected,[LeadDetector] request sent.
Если ошибок нет, но номера не определяются в live режиме:
- Возможно, мало трафика (нужно 50+ уникальных посетителей для статистики).
- Возможно, в вашей нише посетители редко публикуют номера открыто (например, узкий B2B).
- Обратитесь в поддержку сервиса — они проверят, активен ли ваш аккаунт.
Безопасность: что нельзя делать
- Не публикуйте скрипт в открытом доступе (на форумах, в GitHub). Код содержит ваш идентификатор, и кто‑то может использовать ваш аккаунт.
- Не изменяйте скрипт, если не понимаете, что делаете. Одна лишняя запятая — и скрипт перестанет работать.
- Не скрывайте наличие скрипта от пользователей — это нарушает закон. У вас должен быть cookie‑баннер и политика конфиденциальности.
- Не используйте скрипт на сайтах, которые собирают чувствительные персональные данные (медицина, банки, детские товары) без дополнительной правовой экспертизы.
Пример: полный рабочий код (для сервиса ЯЛидер!)
После регистрации в ЯЛидер! вам дадут примерно такой код:
<script type="text/javascript">
(function(w,d,u,cfg){
var s=d.createElement('script');
s.async=true;
s.src=u+'?a='+cfg.accountId+'&m='+cfg.mode;
var h=d.getElementsByTagName('script')[0];
h.parentNode.insertBefore(s,h);
})(window,document,'https://api.yalider.ru/capture', {
accountId: '123456',
mode: 'test' // замените на 'live' после тестирования
});
</script>
Вставьте этот код перед </body> на всех страницах. Через 5 минут после переключения в live начнут определяться первые номера.
Заключение
Готовый скрипт — это только половина дела. Главное — правильно его установить и настроить.
Короткий чек‑лист:
- Зарегистрировались в сервисе определителя.
- Скопировали уникальный код из личного кабинета.
- Вставили код перед
</body>на всех страницах сайта. - Включили тестовый режим, проверили логи.
- Переключили в
live. - Настроили интеграцию с CRM (по желанию).
- Разместили политику конфиденциальности и cookie‑баннер.
Всё это занимает 10–15 минут даже у неспециалиста. Дальше скрипт работает автоматически — вы просто получаете номера в личный кабинет или CRM.
Следующая (и последняя) статья цикла: «Автоматический сбор телефонов посетителей сайта без их ведома — мифы и правда» — разберём страхи, этику и реальные возможности технологии.
