Замена номера на конструкторе сайтов Tilda

На сайтах, созданных на конструкторе Tilda, могут возникать сложности с нарушением стилей при настройке подмены номера. Если вы столкнулись с такими сложностями, их можно решить следующим образом.

1. В редакторе страницы для всех мест, где есть номер, который необходимо менять, нажмите на номер правой кнопкой мыши и выберите "Add CSS Class Name"

2. В поле "CSS CLASS NAME" введите значение "lptracker_calltracking".

3. В "Настройки сайта -> Еще" в блоке "Html-код для вставки внутрь HEAD" нажмите кнопку "Редактировать код"

4. В открывшемся окне вставьте код:

<!-- Подмена номера на Tilda. Начало -->
<script type="text/javascript">
    // Функция для выполнения POST-запроса
    function fetchCalltrackingPhone() {
        const url = 'https://lpt-crm.online/track/get_calltracking_phone';

        // Проверка наличия глобальной переменной LPTRACKER_VIEW_ID с непустым значением
        if (typeof LPTRACKER_VIEW_ID !== 'undefined' && LPTRACKER_VIEW_ID) {
            const requestData = {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    view_id: LPTRACKER_VIEW_ID // Подставляем значение глобальной переменной
                })
            };

            // Выполнение запроса
            fetch(url, requestData)
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Ошибка сети: ' + response.status);
                    }
                    return response.json(); // Парсим ответ как JSON
                })
                .then(data => {
                    // Извлекаем значение 'phone' из ответа
                    const phoneNumber = data.calltracking.phone;

                    // Поиск всех элементов с классом 'lptracker_calltracking' и замена текста в их дочерних элементах
                    const elements = document.querySelectorAll('.lptracker_calltracking');
                    elements.forEach(element => {
                        if (element.firstElementChild) {
                            // Заменяем текст только в первом дочернем элементе
                            element.firstElementChild.textContent = phoneNumber;
                        }
                    });

                    console.log('Телефонный номер успешно установлен в дочерних элементах:', phoneNumber);
                })
                .catch(error => {
                    console.error('Ошибка получения данных:', error);
                });
        } else {
            console.error('Глобальная переменная LPTRACKER_VIEW_ID не определена или пуста');
        }
    }

    // Запуск скрипта после загрузки страницы
    window.addEventListener('load', function () {
        // Цикл для ожидания, пока глобальная переменная LPTRACKER_VIEW_ID станет непустой
        const interval = setInterval(() => {
            if (typeof LPTRACKER_VIEW_ID !== 'undefined' && LPTRACKER_VIEW_ID) {
                clearInterval(interval); // Останавливаем проверку
                fetchCalltrackingPhone(); // Запуск функции после получения значения
            }
        }, 100); // Интервал проверки - 100 миллисекунд

        console.log('Ожидание значения LPTRACKER_VIEW_ID...');
    });

</script>
<!-- Подмена номера на Tilda. Конец -->

5. Сохраните изменения и опубликуйте страницу.

6. Перейдите на свой сайт и убедитесь, что подмена номера работает.