Добавить в корзинуПозвонить
Найти в Дзене

Как сделать уведомление о Cookie на сайте: готовый код + что будет, если его не установить

Вы поставили Яндекс.Метрику. Подключили аналитику. Запустили рекламу. Настроили цели. Клиенты идут, статистика собирается, проект работает. А потом выясняется, что на сайте нет самого банального элемента, который может избавить от лишних вопросов со стороны проверяющих органов — уведомления о cookie-файлах. Самое забавное, что многие фрилансеры, веб-разработчики и владельцы сайтов узнают об этом уже после запуска проекта. Когда сайт давно работает, клиент доволен, а про куки никто даже не вспоминал. И нет, речь не про те куки, которые едят с кофе. Если на сайте работают: то посетитель должен быть уведомлен о сборе данных через cookie-файлы. Звучит скучно.
Но отсутствие такого уведомления может оказаться гораздо менее приятным, чем потратить 10 минут на его установку. Клиент пишет:
«Нужно сделать сайт быстро». Вы собираете лендинг.
Ставите аналитику.
Подключаете формы.
Настраиваете рекламу.
Сдаёте проект.
Получаете оплату. Через несколько месяцев оказывается, что про cookie-уведомление
Оглавление

Ваш сайт собирает куки? Тогда у меня для вас плохие новости…

Вы поставили Яндекс.Метрику. Подключили аналитику. Запустили рекламу. Настроили цели. Клиенты идут, статистика собирается, проект работает.

А потом выясняется, что на сайте нет самого банального элемента, который может избавить от лишних вопросов со стороны проверяющих органов — уведомления о cookie-файлах.

Самое забавное, что многие фрилансеры, веб-разработчики и владельцы сайтов узнают об этом уже после запуска проекта. Когда сайт давно работает, клиент доволен, а про куки никто даже не вспоминал.

И нет, речь не про те куки, которые едят с кофе.

Один маленький баннер может сэкономить очень много нервов

Если на сайте работают:

  • Яндекс.Метрика;
  • Google Analytics;
  • пиксели рекламных систем;
  • сервисы аналитики;
  • сторонние виджеты и скрипты,

то посетитель должен быть уведомлен о сборе данных через cookie-файлы.

Звучит скучно.
Но отсутствие такого уведомления может оказаться гораздо менее приятным, чем потратить 10 минут на его установку.

Как обычно происходит у фрилансеров

Клиент пишет:
«Нужно сделать сайт быстро».

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

Через несколько месяцев оказывается, что про cookie-уведомление никто даже не подумал.

Потому что о нем вспоминают примерно так же часто, как о резервных копиях. То есть только тогда, когда уже поздно.

Поэтому я подготовил готовое решение

В видео я показываю сразу два рабочих варианта cookie-баннера, которые можно просто скопировать и вставить на сайт.

Даже если вы не программист.
Даже если CSS вызывает у вас легкую тревогу.
Даже если JavaScript для вас выглядит как древнее заклинание.

Вариант №1 — минималистичный

Выглядит вот так

код берем на сайте в статье

Вариант №2 — подробный

Выглядит вот так

-2

Код на моем сайте в статье

WordPress? Покажу два способа установки

Лагерь №1: Elementor

Эти люди хотят решить задачу за пять минут.
Добавили HTML-блок → Вставили код → Сохранили → Пошли пить кофе.
Эти люди хотят решить задачу за пять минут. Добавили HTML-блок → Вставили код → Сохранили → Пошли пить кофе.
после этого
после этого

Лагерь №2: functions.php

Эти ребята испытывают удовольствие, когда открывают код темы.
Для них я показываю вариант подключения через functions.php, чтобы баннер автоматически работал на всём сайте.

Код в дзен не разместить по этому можно забрать на сайте

Пока большинство разработчиков спорит о React, Next.js и нейросетях, простой cookie-баннер продолжает оставаться одной из самых недооцененных вещей на сайте.

А ведь его установка занимает меньше времени, чем чтение этой статьи.
Всем добра!

-5