Перейти к содержимому
Помощь
Дизайн и настройки конструктора

Как добавить пользовательский JavaScript во весь магазин?

Добавьте свой JavaScript на каждую страницу магазина через вкладку "Пользовательский Javascript" конструктора. Когда запускается код, почему он не запускается заново на каждой странице, ошибки и почему теги отслеживания и коды подтверждения лучше добавлять через приложения.

3 минуты чтения

Вкладка Пользовательский Javascript запускает ваш собственный JavaScript в магазине. Используйте ее для небольших функций, которые не покрывают настройки конструктора и приложения.

Где это найти

Откройте конструктор, нажмите на значок шестеренки и откройте вкладку Пользовательский Javascript. Поле называется Код Javascript: применяется ко всему магазину. Вставляйте код без тегов <script>. Пишите только обычный JavaScript.

Когда запускается код

  • Он запускается один раз, когда покупатель открывает магазин, после того как страница показана.
  • Он не запускается заново на каждой странице. Когда покупатель переходит на другую страницу магазина, страница меняется без полной перезагрузки, поэтому ваш код второй раз не выполняется. Если код меняет элементы на одной странице, научите его обрабатывать смену страниц или используйте вместо этого секцию пользовательского кода на этой странице.
  • В предпросмотре конструктора код тоже выполняется и запускается снова, когда вы его меняете.
  • Код работает в своем собственном пространстве, поэтому объявленные вами имена не конфликтуют с магазином. Если во время работы код выдает ошибку, она перехватывается и не ломает магазин. Ошибка скрыта, поэтому если ничего не происходит, проверяйте код по шагам.

По возможности используйте приложение

Для многих скриптов, которые продавцы вставляют сюда, есть отдельное приложение, которое справляется лучше:

  • Отслеживание Facebook, TikTok, Snapchat, Pinterest, X или Google Ads: используйте приложения пикселей. См. Пиксели и Conversions API.
  • Google Analytics или теги, которыми вы управляете в Google Tag Manager: используйте приложение Google Tag Manager.
  • Коды подтверждения для Google Search Console, Meta, TikTok или Snapchat: используйте приложение Domain Verifier. Код из этой вкладки не попадает в head страницы так, как нужно для подтверждения.
  • Онлайн-чат: см. Онлайн-чат Crisp.

Эти приложения сами отправляют события, например покупки, в нужный момент.

Код для всего магазина или секция пользовательского кода

  • Вкладка "Пользовательский Javascript": все страницы, выполняется один раз за посещение.
  • Секция пользовательского кода: одна страница, со своими HTML, CSS и JavaScript, и выполняется каждый раз, когда секция показывается. См. Пользовательский код.

Советы

  • Никогда не вставляйте секретные ключи или пароли. Любой может прочитать этот код в своем браузере.
  • После публикации проверьте магазин на телефоне и на компьютере.
  • Сторонние скрипты могут замедлять магазин. Добавляйте только то, что нужно.
  • Если что-то сломалось, очистите поле, опубликуйте и возвращайте код по частям.
  • ИИ-ассистенту, подключенному к вашему магазину, нужно ваше разрешение, чтобы менять пользовательский код. См. Управление доступом ассистента.

Полезно знать

Пользовательский Javascript относится к рынку, который вы редактируете. Повторите его в каждом рынке, где он нужен. Изменения появятся в магазине, когда вы нажмете Опубликовать.

Всё ещё нужна помощь?

Напишите нам, и мы вам ответим.

Свяжитесь с нами