Возможности
Два поля кода на организацию
- «Код в
<head>» — попадает в начало страницы. Здесь живут скрипты сторонних сервисов, теги<style>со своими правилами поверх темы, свои мета-теги и ссылки на внешние файлы: шрифты, таблицы стилей, библиотеки. - «Код перед
</body>» — попадает в конец страницы разметкой: пиксели вида<img>, блоки<noscript>, встроенные рамки<iframe>, теги<style>.
Оба поля задаются один раз на организацию и действуют на всех страницах витрины — на меню, карточке блюда, в корзине, на страницах сайта и в личном кабинете гостя. Разделения по точкам, брендам и отдельным страницам нет.
Что этим делают на практике
- Подключают чужие сервисы: онлайн-чат, коллтрекинг, виджет отзывов и рейтингов, рекламные пиксели, которых нет среди готовых полей под счётчики.
- Меняют оформление своим CSS: прячут ненужный элемент, фиксируют шапку, задают свой шрифт, меняют пропорции карточек, красят недоступные блюда.
- Правят мелочи скриптом: подменяют подпись у поля, дописывают блок рядом с готовым, вешают своё действие на оформление заказа.
Где ещё это работает
Те же два поля обслуживают сайт заведения на конструкторе прежнего поколения: код уезжает туда вместе с остальными настройками организации. Правила там мягче, чем на витрине, — подробности в служебной части.
Как настроить
- В кабинете открыть настройки организации — раздел с реквизитами и адресом витрины.
- Найти группу «Свой код» с двумя полями: «Код в
<head>» и «Код перед</body>». Раздел доступен администратору организации. - Вставить код целиком, вместе с тегами: скрипты и стили — в первое поле, разметку без скриптов — во второе.
- Сохранить. Публиковать сайт не нужно: код оказывается на витрине сразу.
- Проверить результат на витрине, приняв согласие на cookies, — до согласия код в браузере не выполняется.
Обратная правка такая же: очистить поле и сохранить. Отдельного выключателя у кода нет.
Что должно быть настроено и ограничения
- Гость должен принять cookies. Код подключается только после нажатия «Принять» в баннере согласия. Гость, который отказался или ещё не ответил, чата не увидит, и счётчик его визит не посчитает.
- Витрина должна быть опубликована и доступна по своему адресу — код живёт на её страницах, а не отдельно.
- Доступ к полям — у администратора организации. Другие сотрудники раздел настроек организации не открывают.
- Проверок нет. Ошибка в коде видна гостям сразу после сохранения; сломать оформление и работу витрины своим скриптом можно и никто этому не помешает.
- Вёрстка витрины не является обещанием. Код, который цепляется к именам классов и структуре страницы, перестаёт работать после планового обновления витрины — это ожидаемое поведение, а не поломка.
- Что делает чужой скрипт, отвечает тот, кто его поставил: заведение само оценивает, какие данные гостя уходят в подключённый сервис.
Чего нет
- Не работает в приложении гостя. Приложение не спрашивает согласия на cookies, а без согласия встроенный код не подключается: чат и счётчик, поставленные этими полями, у гостя в приложении не появятся.
- Скрипты в поле «Код перед
</body>» не исполняются. Разметка вставляется как есть, и браузер не запускает<script>, добавленный таким образом. Рабочие в этом поле только пиксели-картинки,<noscript>и<iframe>. - В
<head>проходит не всё. Пропускаются только<script>,<style>,<meta>,<link>и<noscript>; видимая разметка —<div>,<img>,<iframe>— отбрасывается, поставить этим полем блок на страницу нельзя. - Код не перезапускается при переходах. Витрина не перезагружает страницу целиком, код владельца выполняется один раз за загрузку — скрипт, который должен срабатывать в каждом разделе, нужно писать с учётом этого.
- Нет отдельного поля под CSS, предпросмотра, подсветки ошибок, версий и отката. Что сохранено, то и уходит гостям.
- Скриптами не оживить содержимое страниц сайта: в тексте страницы теги
<script>и<style>либо вырезаются при выводе, либо остаются в разметке, но браузером не исполняются. - За пределы витрины код не выходит: на странице оплаты заказа его нет.
Примеры
Онлайн-чат на витрине
- Заведение заводит аккаунт в сервисе чата и копирует его код установки.
- В кабинете открывает настройки организации, вставляет код в поле «Код в
<head>» и сохраняет. - Открывает витрину, принимает согласие на cookies и видит кнопку чата в углу страницы.
- Пишет пробное сообщение и убеждается, что оно дошло в кабинет сервиса.
Своё оформление поверх темы
- Заведение находит на витрине элемент, который нужно поменять или спрятать, и определяет его в разметке страницы.
- Пишет правило CSS и оборачивает его в тег
<style>. - Вставляет получившееся в поле «Код в
<head>» и сохраняет. - Обновляет витрину и проверяет вид на телефоне и на большом экране: правило действует на всех страницах сразу.
Рекламный пиксель без скрипта
- Рекламная система выдаёт пиксель-картинку или блок
<noscript>. - Заведение вставляет его в поле «Код перед
</body>» и сохраняет. - Проверяет в отчётах рекламной системы, что визиты с витрины дошли.
- Если система вместо картинки даёт скрипт, тот же код переносится в поле «Код
в
<head>» — иначе он не выполнится.