Установка кода на сайт

Чтобы виджет заработал, нужно один раз вставить его код на сайт. Код - это асинхронный <script>: он не блокирует загрузку страницы и весит около 1,5 КБ.

Где взять код

Есть два места:

  • на последнем шаге мастера создания виджета;
  • на карточке виджета - кнопка «Получить код» (или «Код» на плитке виджета в списке).

Куда вставлять

Код вставляется перед закрывающим тегом </head> в общем шаблоне страниц сайта. Достаточно одного раза - код защищён от дублей, повторная вставка не сломает виджет.

В окне с кодом слева можно выбрать вашу платформу - подсказка изменится под неё:

Платформа Куда вставлять
HTML Перед </head> в общем шаблоне сайта.
WordPress Плагин «Insert Headers and Footers» или «Header Footer Code Manager», раздел Scripts in Header.
Tilda Настройки сайта → Ещё → HTML-код для вставки внутрь HEAD.
Bitrix Сайт → Структура → шаблон сайта, перед </head>.
Google Tag Manager Создайте тег Custom HTML, триггер All Pages, вставьте код целиком.

Как скопировать

  • Нажмите «Скопировать» - код попадёт в буфер обмена.
  • Если сайт делает разработчик, нажмите «Отправить разработчику» - откроется письмо с инструкцией и готовым кодом.

Как проверить, что виджет установлен

После вставки кода откройте свой сайт в новой вкладке - в правом нижнем углу должна появиться кнопка виджета (если в настройках выбран показ кнопки).

В кабинете статус установки показывается на карточке виджета и на вкладке «Установка»:

  • «Установлен на сайте» - код найден и работает.
  • «Код не обнаружен на сайте» - код на главной странице не найден.
  • «Установка ещё не проверялась» - проверка пока не запускалась.

Кнопка «Проверить снова» запускает проверку заново.

Если код не обнаружен

  • «Не нашли наш код на главной» - возможно, код стоит только на других страницах. Тогда всё в порядке, виджет работает.
  • «Не удалось загрузить сайт» - проверьте, что сайт доступен из интернета.
  • «Сайт ответил ошибкой» - проверьте адрес сайта в настройках виджета.

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

Что дальше