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

Taptop

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

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

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

    Перед началом

    • Скопируйте код виджета в личном кабинете Touch_me. 
    • Убедитесь, что код добавляется именно в , а не в тело страницы или перед . 
    • Если в Taptop у проекта несколько страниц, код лучше добавлять в общие настройки проекта, чтобы он работал на всех страницах. 
    • Если возможность добавления своего кода недоступна, проверьте тариф и настройки публикации проекта: для кастомного кода может потребоваться платный тариф.

    Добавление кода в <head> через настройки проекта

    Это основной способ установки виджета Touch_me в Taptop. Он подходит, если вы хотите подключить виджет сразу на весь сайт, без добавления кода на каждую страницу отдельно.

    1. Войдите в аккаунт Taptop и откройте проект, на котором хотите установить виджет.

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

      В зависимости от интерфейса Taptop нужный раздел может находиться рядом с настройками публикации, домена, SEO или интеграций.

    3. Найдите раздел для добавления пользовательского кода.

      Он может называться по-разному, например:

      • «Свой код»
      • «Кастомный код»
      • «Код в head»
      • «HTML в head»
      • «Интеграции»
      • «Code»
      • «Custom Code»
    4. Выберите поле для размещения кода внутри <head>.

      Важно вставить скрипт именно в <head>. Не используйте поле «перед </body>», если инструкция по установке Touch_me требует размещения кода в <head>.

    5. Вставьте скрипт Touch_me в выбранное поле.

      Код можно добавить одной строкой — изменять его или добавлять дополнительные элементы не требуется.

    6. Сохраните настройки проекта.

      Убедитесь, что изменения успешно сохранились.

    7. Опубликуйте или переопубликуйте сайт.

      Это необходимо, чтобы добавленный код появился на рабочем домене.

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

    Пример того, что нужно вставить в поле для кода в <head>:

    <script async src="https://api.touch-me.pro/widget/bundle.js?site=ВАШ_ID" data-touch-me-widget-site-id="ВАШ_ID" data-touch-me-api="https://api.touch-me.pro"></script>
    

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

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

    1. Откройте ваш сайт в браузере.
    2. Нажмите Ctrl + U (на macOS — ⌘ + Option + U), чтобы открыть исходный код страницы.
    3. Нажмите Ctrl + F и найдите строку data-touch-me-widget-site-id.
    4. Убедитесь, что скрипт Touch_me присутствует в исходном коде страницы.
    5. Проверьте несколько страниц сайта, если виджет должен работать везде.

    Дополнительно можно открыть инструменты разработчика браузера: F12 → Network → обновить страницу → найти bundle.js или api.touch-me.pro. Если файл загружается без ошибок, скрипт подключён.

    Если виджет не появился

    • Проверьте, что сайт был опубликован после добавления кода.
    • Проверьте, что код добавлен в <head>, а не в HTML-блок на странице.
    • Проверьте, не добавлен ли скрипт два раза.
    • Очистите кэш браузера или откройте сайт в режиме инкогнито.
    • Проверьте, не блокирует ли скрипт расширение AdBlock или настройки браузера.
    • Проверьте, что виджет включен.

    Важные особенности

    1. Код Touch_me должен быть установлен только один раз.
    2. Для установки на весь сайт используйте настройки проекта, а не отдельный HTML-блок на странице.
    3. Для установки на одну страницу используйте настройки конкретной страницы.
    4. После любых изменений в коде сайт нужно переопубликовать.
    5. Если поле для пользовательского кода недоступно, проверьте тариф проекта или обратитесь в поддержку Taptop.

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

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

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

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

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

      Установка

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

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

      Установка

      LPgenerator

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

      Виджеты

      Промокод

      Покажем, как создать виджет «Промокод» в Touch_me и настроить его для удобного использования.

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

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

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

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