Произошла ошибка...
Для генерации кода необходимо внести данные во все обязательные поля.
Код успешно скопирован!
Как вставить код в Taptop?
Откройте настройки страницы в Taptop
В блоке «Перед тегом body» вставьте сгенерированный код
Опубликуйте страницу
Проверьте работу расширения на опубликованном сайте
Расширение не работает? Прочтите раздел «Решение возможных проблем» в документации, перепроверьте все шаги инструкции или обратитесь в поддержку.
Добавление куки
Cookie-файлы сохраняются в браузере пользователя при посещении сайта и помогают собирать статистику, запоминать настройки и обеспечивать взаимодействие со сторонними сервисами. По закону о персональных данных РФ вы обязаны запрашивать согласие пользователя на обработку cookie. Расширение Cookie позволяет добавить на сайт баннер, который уведомляет посетителя об использовании cookie-файлов и предлагает дать согласие на их обработку.
Taptop
Автор
Бесплатно
Цена
10 мая 2025
Обновлено
Для подключения расширения необходим компьютер
Вы просматриваете страницу с мобильного устройства. Чтобы подключить расширение к Taptop, пожалуйста, откройте эту страницу на компьютере и следуйте инструкции.
Как работать с инструкцией
Для настройки расширения вам нужно будет работать сразу в двух местах:
На платформе Taptop — здесь вы будете создавать баннер, добавлять и настраивать нужные элементы и вставлять код на сайт.
На этой странице с инструкцией — здесь вы будете пошагово следовать описанию и использовать встроенный генератор кода (он находится в правой части страницы).
Следуйте инструкции последовательно:
Читайте каждый пункт внимательно и выполняйте действия по шагам, переключаясь между этой страницей и платформой Taptop.
После генерации скрипта — вставьте его на свой сайт через настройки страницы в Taptop.
Как работает расширение
Первое посещение сайта:
Когда пользователь впервые открывает сайт, отображается всплывающее окно (баннер) с запросом согласия на обработку cookie.
Действие пользователя:
Пользователь может согласиться или отказаться от обработки cookie.
Повторные посещения сайта:
Если пользователь уже сделал выбор, всплывающее окно не появляется повторно до истечения заданного срока хранения cookie.
Установка расширения на сайт
Шаг 1: Создайте всплывающее окно (Pop-up) в Редакторе дизайна
Откройте Редактор дизайна и добавьте на страницу виджет Pop-up из стандартных элементов Taptop.
Виджеты ---> Pop-up
Разместите внутри него необходимый контент: текст уведомления, кнопку согласия, кнопку отказа. Также можно настроить кнопку закрытия и оверлей (фон затемнения).
Пример структуры Pop-up
Стилизуйте Pop-up и его элементы (кнопки, текст) по своему усмотрению с помощью стандартных инструментов Taptop.
Пример того, как может выглядеть ваш Pop-up
⚠️ Важный нюанс работы с оверлеем:
По умолчанию виджет Pop-up в Taptop растягивает оверлей на весь экран (все значения Top, Bottom, Left, Right в настройке Позиционирование установлены в 0). Это может мешать взаимодействию с элементами на странице под оверлеем (например, анимациям при наведении).
Значения по умолчанию
Если вы хотите, чтобы при открытом баннере с cookie пользователь мог взаимодействовать с сайтом (например, скроллить, нажимать кнопки), нужно отключить оверлей, растянутый на весь экран.
РЕШЕНИЕ: Выберите элемент Overlay внутри вашего виджета Pop-up. В панели стилей справа найдите секцию "Позиционирование". Каждой из сторон задайте значение "auto". Это позволит оверлею занимать только нужное пространство, не перекрывая другие интерактивные элементы.
Поменяли значения сторон на "auto"
Шаг 2: Назначьте пользовательские атрибуты элементам Pop-up
Когда Pop-up создан, присвойте пользовательские атрибуты его элементам. Эти атрибуты свяжут вашу верстку с генерируемым скриптом:
Всплывающее окно (сам виджет Pop-up): data-cookie-banner (значение не обязательно, главное добавить сам атрибут)
Кнопка согласия ("Принять", "ОК"): data-cookie-consent="accept":
Кнопка отказа ("Отклонить"): data-cookie-consent="reject":
Чтобы присвоить атрибут элементу:
Выберите элемент, а затем на панели стилей (справа) в разделе “настройки” найдите “пользовательские атрибуты”, введите нужное название атрибута, его значение (если необходимо), и нажмите Enter.
Присвоение атрибута элементу
Атрибут будет присвоен элементу и отобразится в поле Пользовательские атрибуты.
Атрибут присвоен элементу
⚠️ ВАЖНО! Убедитесь, что вы создали все необходимые элементы и правильно назначили им пользовательские атрибуты.
Шаг 3: Настройте параметры в генераторе и сгенерируйте код
Перейдите к генератору (в правой части страницы с данной инструкцией) и настройте параметры для вашего cookie-уведомления. Укажите срок хранения согласия.
Нажмите кнопку "Сгенерировать код". Код будет автоматически скопирован в буфер обмена, и вы увидите уведомление.
Шаг 4: Вставьте код на сайт
Перейдите в Taptop и откройте настройки страницы: на вкладке Страницы нажмите иконку шестеренки рядом с названием нужной страницы.
В блоке "Перед тегом <body>" вставьте сгенерированный код.
Сохраните изменения на странице и опубликуйте ее (Ctrl+Shift+S).
Проверка работы расширения
Как убедиться, что баннер работает правильно:
Откройте ваш сайт в браузере в режиме инкогнито (Ctrl+Shift+N — Google Chrome, Яндекс Браузер, Edge, Opera, Ctrl+Shift+P — Firefox).
Убедитесь, что баннер появился на экране.
Нажмите на кнопку согласия или отказа.
Перезагрузите страницу — баннер больше не должен появиться.
Если вы хотите проверить, что cookie действительно сохранились:
После нажатия на кнопку в баннере откройте инспектор браузера (
F12илиCtrl+Shift+I).Перейдите на вкладку:
Chrome/Edge/Яндекс Браузер: Приложение → Файлы cookie
Firefox: Хранилище → Куки
Найдите cookie с именем "cookieAgreement".
Проверьте его значение: "true" для согласия или "false" для отказа.
Пример проверки cookie в инспекторе браузера
<cookie-generator></cookie-generator>
