Как сделать cookie уведомление на сайте услуг WordPress?

cookie uvedomlenie wordpress sajt uslug cover Без рубрики
Текст плашки, кнопки Принять и Отклонить, wp_footer без тяжёлого CMP и отложенная Яндекс Метрика - проверка в Network и на телефоне.

Студия маникюра поставила CookieYes, а Метрику оставили в Rank Math в head. Плашка перекрыла заявку на iPhone, а mc.yandex.ru в Network ушёл до клика «Принять». Cookie уведомление wordpress сайт услуг кажется мелочью, пока не вспомнишь про 152‑ФЗ. За вечер: лёгкий баннер на wp_footer, Метрика только после «Принять», проверка в DevTools — без тяжёлого CMP.

Баннер cookies — не замена политики конфиденциальности, а короткое предупреждение перед необязательными трекерами. На сайте услуг достаточно двух кнопок «Принять» и «Отклонить», ссылки на политику и сохранения выбора в cookie или localStorage. Код Яндекс Метрики tag.js должен появиться в браузере только после «Принять» — так описывает сценарий справка Метрики. До клика в Network не должно быть запросов к metrika и watch.

Обзоры 2025-2026 спорят про «европейский» opt-in в РФ. Для салона или клиники безопаснее: аналитика после явного клика, если политика и Метрика уже есть. Ниже — админка WordPress, не юркурс. Типичная ошибка — фраза «продолжая пользоваться…» вместо кнопок.

Разделите политику конфиденциальности и нижнюю плашку

На прилавке два листа: политика конфиденциальности отдельно от нижней cookie-плашки

Боль: путают длинный документ на отдельной странице и узкую полоску внизу экрана. Политика объясняет, кто оператор, какие данные собираете и как связаться. Баннер — только перед тем, как браузер загрузит аналитику или рекламные скрипты.

Технические cookie сессии и формы часто описывают только в политике; аналитика — через баннер. С 1 сентября 2025 согласие на ПДн не прячут внутри оферты. В плашке — ссылка на политику конфиденциальности, не весь документ целиком.

Соберите текст уведомления на десять секунд чтения

Чеклист короткого текста cookie-уведомления на прилавке салона

Боль: копипаст с чужого сайта на другом языке или пугающие формулировки про штрафы. Решение — две-три фразы простым языком и одна ссылка.

Шаблон смысла, не юридическая консультация: «Мы используем cookie для работы сайта и, с вашего согласия, для статистики посещений (Яндекс Метрика). Подробности — в политике конфиденциальности. Нажмите «Принять», чтобы включить аналитику, или «Отклонить», чтобы остаться только на обязательных cookie.»

Например, юристу не нужен страшный абзац про штрафы в плашке — достаточно честно назвать Метрику и дать ссылку. Косметологу важнее, чтобы кнопки читались на тёмном фоне телефона.

Элемент плашки Делать Не делать
Текст 2-3 фразы, что такое cookie «на пальцах» Вставлять весь документ политики
Кнопки «Принять» и «Отклонить» одинаково заметны Только «Ок» или implied consent без клика
Ссылка На страницу политики на вашем домене На чужой PDF или общий шаблон
Галочки Ничего не отмечено заранее Аналитика включена по умолчанию

На практике: сначала согласие, потом счётчик. Сделайте кнопки «Принять» и «Отклонить» равными по заметности; не делайте серую мелкую ссылку вместо отказа. Баннер cookies не заменяет галочку в форме заявки.

Макет лёгкой footer-плашки на столе салона вместо тяжёлого CMP-плагина

Боль: страшно ставить CookieYes или Cookiebot на маленький сайт — лишний вес, регистрация, платные лимиты. Для студии услуг часто хватает HTML, немного CSS и короткого JS через wp_footer или плагин сниппетов в подвале.

WordPress выводит код перед закрывающим body через хук wp_footer — каноническое место для плашки без правки ядра. Используйте wp_footer для разметки, добавьте локальные стили и избегайте полноэкранного затемнения на сайте услуг. Путь: Code Snippets, WPCode или functions.php дочерней темы → add_action(‘wp_footer’, …) → разметка баннера. Не вставляйте баннер в header: он будет мешать сверху и не решит задачу «сначала выбор, потом трекер».

  1. Найдите в админке, где сейчас вставлен код Метрики (тема, «вставка в head», SEO-плагин, GTM) — см. гайд про код в head.
  2. Временно отключите автозагрузку счётчика из head и уберите noscript-пиксель watch, если он обходит согласие.
  3. Добавьте сниппет в footer: блок с id, текст, ссылка на политику, две кнопки.
  4. В JS при загрузке страницы читайте cookie или localStorage: если выбор уже есть, не показывайте плашку повторно.
  5. При «Принять» сохраните флаг согласия на домен и один раз вызовите загрузку Метрики.
  6. При «Отклонить» сохраните отказ и не подключайте tag.js.
  7. Добавьте нижний отступ контенту, чтобы плашка не перекрывала кнопку «Написать» на мобильном.

CookieYes блокирует скрипты до согласия — удобно при куче трекеров. Лёгкий сниппет легче, но Метрику нельзя оставлять в head. В реальном проекте после переноса на footer жалобы «не могу отправить заявку» пропали.

Подключите Яндекс Метрику только после клика «Принять»

Метрика в head часто стартует до баннера — watch уходит до клика, хотя плашка видна. Справка Метрики даёт сценарий отложенной загрузки; многие гайды всё равно советуют код в тему сразу. Цепочка: убрать счётчик из head → баннер → по «Принять» tag.js → запомнить выбор.

Логика в blockquote, адаптируйте под свой номер счётчика из инструкции по Метрике в WordPress:

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)

function loadYandexMetrika() { if (window.__ymLoaded) return; window.__ymLoaded = true; (function(m,e,t,r,i,k,a){ … стандартный фрагмент из кабинета Метрики … })(window, document, «script», «https://mc.yandex.ru/metrika/tag.js», «ym»); ym(ВАШ_ID, «init», { clickmap:true, trackLinks:true, accurateTrackBounce:true }); }
document.getElementById(«cookie-accept»).addEventListener(«click», function(){ document.cookie = «cookie_consent=accept; path=/; max-age=31536000»; loadYandexMetrika(); hideBanner(); });
document.getElementById(«cookie-reject»).addEventListener(«click», function(){ document.cookie = «cookie_consent=reject; path=/; max-age=31536000»; hideBanner(); });

Типичная ошибка: после апдейта Rank Math Метрика снова в head. Проверяйте Network. Не грузите счётчик дважды.

Проверьте согласие в Network и на смартфоне

Боль: кажется, что всё настроено, пока клиент не пришлёт скриншот или пока вы не откроете инкогнито. Ориентир: workflow «политика → плашка → выбор → tag.js». Критерии успеха до FAQ: в режиме инкогнито до «Принять» нет запросов к mc.yandex.ru/metrika/tag.js и watch; после «Принять» счётчик грузится и визит виден в Метрике; после «Отклонить» при перезагрузке аналитика снова не стартует; на телефоне плашка не перекрывает форму; в тексте есть ссылка на политику.

  1. Chrome или Яндекс Браузер → Ctrl+Shift+N (инкогнито) → ваш сайт.
  2. F12 → вкладка Network → фильтр metrika или watch.
  3. До клика «Принять» список пустой по аналитике.
  4. Нажмите «Принять» → появился tag.js → обновите отчёт «Онлайн» в Метрике.
  5. Очистите cookie сайта, откройте снова, нажмите «Отклонить» → перезагрузка → снова нет tag.js.
  6. На телефоне пройдите путь до отправки тестовой заявки — кнопка не под плашкой.
  7. Сохраните дату внедрения и скрин Network «после принятия» в блокнот — пригодится при вопросе от партнёра.

Если визиты в Метрике упали после opt-in — это может быть честная цена согласия, а не поломка сайта. Зато вы видите только тех, кто явно разрешил статистику, и спокойнее показываете клиенту скрин Network.

Другие материалы кластера: /stati/ — отдельные гайды по head, Метрике и политике, чтобы не смешивать всё в одной плашке.

Нет времени на сниппеты? Напишите в форму (мессенджеры), канал t.me/DikiiTelegram. Сайты и статьи: /uslugi.

Материал проверен: Андрей Дикий (создаёт сайты и продвигает их статьями, SEO/GEO).
Достоверность данных: справка Яндекс Метрики (notification, отложенная загрузка), WordPress Developer (wp_footer), CookieYes и Cookiebot на WordPress.org, SEENGO и checkfz.ru про согласие на cookie, 152fzrf.ru (сентябрь 2025), ndigital.dev (баннер без плагина), Habr/Lansoft про Метрику до согласия; LSI-кластер SERP 22.09.2026 (Wordstat MCP недоступен).

Частые вопросы

Отдельного «закона про cookie» как в ЕС нет, но персональные данные и cookie в политике, плюс разумное согласие перед аналитикой — практический стандарт. Если Метрика уже стоит, баннер с кнопками безопаснее, чем только длинная политика в подвале.

Чем баннер отличается от политики конфиденциальности?

Политика — полный текст на отдельной странице. Баннер — короткое предупреждение и выбор до загрузки трекеров. Ссылка из плашки ведёт на политику, а не дублирует её.

Да: сниппет в wp_footer, дочерняя тема или лёгкий плагин только для вставки кода в подвал. Тяжёлый CMP нужен, когда много рекламных сетей и автоблокировка скриптов критична.

Нужна ли кнопка «Отклонить» рядом с «Принять»?

Для аналитики безопаснее дать явный отказ, а не прятать его серым текстом. Равная заметность кнопок — частый пункт в чек-листах по 152‑ФЗ; точную формулировку под вашу нишу лучше согласовать с юристом.

Что делать, если Метрика всё равно грузится до клика?

Ищите второй источник: GTM, noscript watch, кеширующий плагин, старый код в теме. Отключите по очереди, пока в Network до согласия не станет чисто.

Обычно технические: сессия входа, корзина записи, защита формы от ботов. Их описывают в политике. Аналитика и реклама — только после согласия или без загрузки при отказе.

Как не замедлить сайт баннером cookies?

Держите один небольшой JS, локальные стили без тяжёлого CMP-сканера на каждом визите. Для одной Метрики и формы записи этого достаточно.

*Instagram,Facebook (принадлежит компании Meta, признанной экстремистской и запрещённой на территории РФ)
Новый маркетинг с искусственным интеллектом
Добавить комментарий