Top.Mail.Ru
Установка

1С-Битрикс

Пошаговая инструкция по установке Touch_me на сайт 1С-Битрикс. Добавление кода через header.php или настройки шаблона, проверка подключения и настройка data-skip-moving.

3 мин. на чтение

Содержание инструкции

    Способ 1. Через файл header.php — рекомендуемый

    Этот способ подходит для большинства сайтов на 1С-Битрикс и позволяет установить код Touch_me непосредственно в шаблон сайта.

    1. Подключитесь к файлам сайта

    Подключитесь к сайту по FTP или откройте файловый менеджер вашего хостинга.

    2. Найдите файл header.php

    Откройте файл активного шаблона сайта. Обычно он находится по одному из следующих путей:

    /bitrix/templates/ВАШ_ШАБЛОН/header.php

    или

    /local/templates/ВАШ_ШАБЛОН/header.php

    3. Найдите тег <head>

    В файле найдите блок:

    <head>
    <?$APPLICATION->ShowHead();?>
    </head>
    

    4. Добавьте код Touch_me

    Вставьте код, скопированный в личном кабинете Touch_me, перед закрывающим тегом </head>.

    Пример:

    <head>
        <?$APPLICATION->ShowHead();?>
    
        <!-- Код виджета Touch_me -->
        <script>
            // Код, скопированный в личном кабинете Touch_me
        </script>
    </head>
    

    Не копируйте код из примера выше. Используйте ваш персональный код установки из личного кабинета Touch_me.

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

    Сохраните файл и очистите кэш 1С-Битрикс, чтобы изменения применились на сайте.

    Способ 2. Через настройки шаблона

    Некоторые готовые решения и шаблоны для 1С-Битрикс позволяют добавлять сторонние скрипты без изменения файлов сайта.

    Откройте настройки вашего шаблона и проверьте наличие разделов с названиями:

    • Настройки решения
    • Пользовательский код
    • Код перед </head>
    • Дополнительный HTML в HEAD

    Если такой раздел есть, вставьте в него код Touch_me из личного кабинета и сохраните изменения.

    Названия разделов могут отличаться в зависимости от используемого шаблона или готового решения.

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

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

    1. Откройте ваш сайт в браузере.
    2. Нажмите Ctrl + U (на macOS — ⌘ + Option + U), чтобы открыть исходный код страницы.
    3. Найдите код Touch_me.
    4. Убедитесь, что скрипт расположен внутри блока <head>...</head>.

    После этого можно проверить статус установки сайта в личном кабинете Touch_me.


    ⚠️ Очень важно для 1С-Битрикс

    Если на сайте включена функция переноса JavaScript в конец страницы, Битрикс может автоматически переместить скрипт Touch_me из <head>.

    Чтобы этого не происходило, добавьте к тегу скрипта атрибут:

    data-skip-moving="true"

    Пример:

    <script data-skip-moving="true">
        // Код Touch_me
    </script>
    

    Это позволит исключить скрипт Touch_me из автоматического переноса.

    Важно

    Код Touch_me необходимо установить на сайт только один раз.

    Не добавляйте один и тот же код одновременно через header.php, настройки шаблона, Google Tag Manager или другие способы подключения скриптов.

    Повторное подключение кода может привести к двойной инициализации и некорректной работе виджетов.

    Связанные инструкции и гайды

    Содержание инструкции

      Попробуйте все возможности touch_me бесплатно! Триал - 14 дней

      Попробовать бесплатно

      Изучите инструкции и гайды

      Установка

      Самописный сайт

      Инструкция по добавлению кода виджета Touch_me для сайтов с индивидуальной разработкой: HTML, PHP, Laravel, Django, Node.js, React, Vue, Next.js и других технологий.

      Установка

      LPgenerator

      Инструкция по подключению виджета Touch_me на лендинг, созданный в LPgenerator.

      Установка

      Taptop

      Как установить виджет Touch_me в Taptop и запустить его на сайте.

      Начните повышать
      конверсию уже сегодня

      Подключите touch_me и превратите трафик
      в реальные заявки

      Установка Touch_me на 1С-Битрикс — инструкция по подключению виджетов — №2 Установка Touch_me на 1С-Битрикс — инструкция по подключению виджетов — №3
      Установка Touch_me на 1С-Битрикс — инструкция по подключению виджетов — №1

      Мы используем куки, чтобы улучшить ваш пользовательский опыт