Кастомные атрибуты позволяют управлять поведением баннера и модальных окон без написания JavaScript-кода.
Они особенно полезны, если вы хотите быстро интегрировать функции сервиса в интерфейс сайта — например, открыть окно настроек cookies, принять все cookies или отозвать согласие — просто добавив HTML-атрибут к кнопке или ссылке.
Основным атрибутом для этого является data-ic
.
Он позволяет «привязать» любой HTML-элемент к определённому методу API, чтобы выполнить действие при клике по нему.
Используя data-ic, вы можете реализовать основные сценарии работы с баннером без написания собственного JavaScript — достаточно разметки в HTML.
Допустимые значения атрибута:
-
show-preferencesModal
— открыть модальное окно настроек (Preferences Modal) -
show-consentModal
— открыть модальное окно согласия (Consent Modal) -
accept-all
— принять все cookies -
accept-necessary
— принять только необходимые cookies -
accept-custom
— принять кастомный набор cookies
show-preferencesModal
Используйте это значение, чтобы открыть модальное окно настроек (preferencesModal
).
Пример
<button type="button" data-ic="show-preferencesModal">Просмотр настроек</button>
show-consentModal
Используйте это значение, чтобы открыть модальное окно согласия (consentModal
).
Если модальное окно согласия отсутствует, оно будет сгенерировано автоматически.
Пример
<button type="button" data-ic="show-consentModal">Открыть окно согласия</button>
accept-all
Используйте это значение, чтобы принять все категории cookies.
Пример
<button type="button" data-ic="accept-all">Принять все</button>
accept-necessary
Используйте это значение, чтобы принять только необходимые категории cookies.
Пример
<button type="button" data-ic="accept-necessary">Отклонить все</button>
accept-custom
Используйте это значение, чтобы принять текущий выбор в модальном окне настроек.
Пример
<button type="button" data-ic="accept-custom">Принять</button>