Как установить cookie-виджет

Cookie-баннер, блокировка счётчиков до согласия и журнал согласий ставятся одной строкой кода. Ниже — куда её вставить в самых частых конструкторах.

Вместо ВАШ_КЛЮЧ подставьте свой ключ: он показан на вкладке «Виджет» вашего сайта в кабинете, там же строка целиком.

Виджет ставится одной строкой кода. Её нужно вставить в «шапку» сайта (блок HEAD) так, чтобы она попала на все страницы.

<script src="https://saytporyadok.ru/w/ВАШ_КЛЮЧ.js" defer></script>

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

Tilda (проверено на реальных сайтах)

Где: Настройки сайта → «Ещё» → «HTML-код для вставки внутрь HEAD»

  1. Откройте проект в Tilda и зайдите в «Настройки сайта».
  2. Выберите раздел «Ещё» и найдите поле «HTML-код для вставки внутрь HEAD».
  3. Вставьте строку виджета и нажмите «Сохранить».
  4. Вернитесь к списку страниц и нажмите «Опубликовать все страницы»: пока не опубликуете, на сайте ничего не изменится.

Поле для своего кода доступно не на всех тарифах Tilda: если его нет, проверьте тариф.

Яндекс Метрика в Tilda обычно включена в «Настройки сайта → Аналитика». Такой счётчик виджет заблокировать не может: отключите его там и вставьте код Метрики в то же поле HEAD с пометкой type="text/plain" data-sp-category="analytics".

Проверено на двух сайтах Tilda: баннер появляется, кнопки работают, галочка согласия в форме распознаётся, номер согласия попадает в данные формы.

WordPress (проверено на реальных сайтах)

Где: Плагин для вставки кода (WPCode или аналогичный) → «Header»

  1. В админке: «Плагины» → «Добавить новый», найдите WPCode (Insert Headers and Footers) и установите.
  2. Откройте «Code Snippets» → «Header & Footer».
  3. В поле «Header» вставьте строку виджета и нажмите «Save Changes».
  4. Если у сайта включено кэширование (WP Rocket, LiteSpeed Cache и т. п.), очистите кэш.

Без плагина: «Внешний вид» → «Редактор файлов темы» → файл header.php, строка перед </head>. При смене темы вставка пропадёт, поэтому плагин надёжнее.

Если баннер не появился, а плагин оптимизации объединяет или откладывает скрипты, добавьте адрес виджета в исключения.

Проверено на двух сайтах WordPress: баннер, кнопки и распознавание галочки в формах работают.

1С-Битрикс (проверено на реальных сайтах)

Где: Файл header.php шаблона сайта, перед </head>

  1. В админке: «Настройки» → «Настройки продукта» → «Сайты» → «Шаблоны сайтов», найдите шаблон, который используется на сайте (или попросите разработчика).
  2. Откройте файл header.php шаблона (путь вида /bitrix/templates/ИМЯ_ШАБЛОНА/header.php).
  3. Вставьте строку виджета перед закрывающим тегом </head> и сохраните.
  4. Сбросьте кэш сайта (если включено композитное кэширование — сбросьте и его).

Менять файлы лучше разработчику: ошибка в header.php ломает весь сайт. Нажмите «Отправить инструкцию программисту», если не уверены.

Для сайтов в Битрикс24 («Сайты и магазины») ищите в настройках сайта раздел «Дополнительно» с полем для кода в HEAD; название может отличаться.

Проверено на шести сайтах Битрикс: баннер, кнопки и распознавание галочки в формах работают.

Wix (проверено на реальных сайтах)

Где: Настройки → «Расширенные» → «Пользовательский код»

  1. Откройте панель управления сайтом и зайдите в «Настройки».
  2. Выберите «Пользовательский код» (в англ. интерфейсе Settings → Advanced → Custom Code) и нажмите «Добавить пользовательский код».
  3. Вставьте строку виджета, назовите её «СайтПорядок», выберите «Все страницы» и место вставки — «Head».
  4. Примените и опубликуйте сайт.

Свой код в Wix доступен не на всех тарифах и обычно требует подключённого домена.

Баннер и запись в журнал проверены на четырёх сайтах Wix. Формы Wix отправляются своим способом, поэтому номер согласия в заявку может не попасть: запись о согласии на баннер в журнал при этом попадает.

Nethouse, Craftum, LPmotor, InSales, uKit и другие (виджет проверен на Nethouse, Craftum, LPmotor, InSales, uKit, uCoz)

Где: Настройки сайта → раздел со своим кодом: «Код в HEAD», «Вставка скриптов», «Интеграции → Свой код»

  1. Найдите в настройках сайта раздел, куда можно вставить свой код. Он называется по-разному: «Код в HEAD», «Вставка скриптов», «Дополнительный код», «HTML-код».
  2. Выберите вариант «на всех страницах» и место «в шапке» (HEAD). Если можно выбрать только «перед закрывающим </body>», подойдёт и он.
  3. Вставьте строку виджета, сохраните и опубликуйте сайт.

Работу виджета на публичных страницах Nethouse, Craftum, LPmotor, InSales, uKit и uCoz мы проверили (баннер, запись в журнал). Формы uKit могут подгружаться по нажатию на кнопку, поэтому после установки откройте форму и убедитесь, что галочка согласия в ней есть. Если раздела со своим кодом нет (бывает на бесплатных тарифах), виджет поставить не получится: нужен платный тариф или другой способ.

Не нашли нужное поле — напишите нам название конструктора, мы подскажем и добавим его в инструкцию.

Свой сайт (HTML, самописный код) (проверено на реальных сайтах)

Где: Общий шаблон страниц, внутри <head>

  1. Откройте общий шаблон, который подключается на всех страницах (шапка, layout, header).
  2. Вставьте строку виджета внутрь <head> (или перед </body>).
  3. Загрузите файл на сервер и очистите кэш.

Если у сайта строгая политика безопасности (заголовок Content-Security-Policy), добавьте в разрешённые источники скриптов адрес saytporyadok.ru и разрешение на отправку запросов к нему.

Важно на любой платформе

  • Не присылайте нам пароли от сайта. Если не получается, напишите — подскажем по шагам. Если доступ всё же нужен, создайте для этого отдельную временную учётную запись и потом удалите её.
  • Если на сайте уже есть чужой баннер cookie (от конструктора, плагина или сервиса), отключите его: два баннера друг на друге закрывают кнопки. На одном из проверенных сайтов так и вышло.
  • Виджет не блокирует счётчики, вставленные в код как обычно. Чтобы счётчик включался только после согласия, оформите его так: <script type="text/plain" data-sp-category="analytics"> … код счётчика … </script>. Категории: analytics, marketing, calltracking, chat.
  • Счётчик, подключённый встроенной настройкой конструктора или плагина («вставьте номер счётчика»), виджет заблокировать не может — такой код конструктор вставляет сам. Отключите эту настройку и вставьте код вручную с пометкой выше.
  • Квиз или форма из нескольких шагов: ставьте галочку согласия на последнем шаге, где посетитель вводит телефон. Тогда номер согласия попадёт в заявку.