arrow-left
Вернуться к продуктам
Кратко о видео
В уроке показан пошаговый способ добавить cookie-баннер без кода: создание попапа через виджет Popup, добавление пользовательских атрибутов (data-cookie-accept, data-cookie-reject) на кнопки «Принять» и «Отклонить», генерация и вставка готового скрипта через расширение Taptop. Разобрана настройка для многостраничных сайтов. Cookie-баннер собирается из трёх частей: всплывающее окно (Popup), атрибуты на кнопках — по ним скрипт определяет действие, и сам скрипт — он генерируется автоматически в расширении Taptop. Скрипт запоминает выбор пользователя и не показывает баннер повторно. Урок для всех, кто готовит сайт к публикации. Cookie-баннер нужен почти на каждом коммерческом сайте. Базовое умение работать с виджетами и пользовательскими атрибутами в Taptop достаточно.

Как добавить cookie-баннер на сайт в Taptop

Сайт запускается — и понимаешь, что нужен cookie-баннер. По закону обязательно. Но как его сделать в Taptop? Из каких частей он состоит? Где взять скрипт, который следит за согласием?
Cookie-баннер собирается из трёх частей: виджет Popup — всплывающее окно, пользовательские атрибуты на кнопках «Принять» и «Отклонить», скрипт из расширения Taptop. Popup настраивается: убираешь оверлей, отключаешь закрытие вне окна. Для всех, кто запускает сайт. После просмотра баннер работает корректно и сайт соответствует требованиям.
Тайминги видео
00:00 — Зачем нужен cookie-баннер 01:00 — Шаг 1: создать popup-баннер 02:30 — Убрать фон и позиционировать в угол 04:00 — Настройка pointer-events 05:00 — Шаг 2: атрибуты на кнопках «Принять» и «Отклонить» 06:30 — Шаг 3: генерация скрипта через расширение 07:30 — Проверка работы в инспекторе кода 08:00 — Настройка для многостраничного сайта

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока