Бесплатный инструмент

Cookie-баннер для сайта на Tilda

На Tilda баннер ставится одним кодом в настройках сайта. Главное — убрать номера счётчиков из встроенной аналитики Tilda, иначе они продолжат грузиться до согласия.

Бесплатно
RU · KZ · EN
Consent Mode v2
Без плагинов

Предпросмотр

Код для сайта

Вставьте в <head> на всех страницах, выше остальных скриптов.

<!-- Cookie-баннер: сгенерирован на check.awereads.com. Код счётчиков отдельно не вставляйте: баннер загрузит их сам после согласия. -->
<script>
(function () {
  var C = {"lang":"ru","position":"bottom","theme":"light","accent":"#f77e2d","policy":"","ga4":"","gtm":"","ym":"","pixel":"","consentMode":true,"t":{"title":"Мы используем cookie","text":"Необходимые cookie нужны, чтобы сайт работал. Аналитику и рекламу включим, только если вы разрешите.","policy":"Политика конфиденциальности","accept":"Принять все","reject":"Отклонить","settings":"Настроить","save":"Сохранить выбор","necessary":"Необходимые","necessaryNote":"Вход, корзина, безопасность. Без них сайт не работает.","analytics":"Аналитика","analyticsNote":"Статистика посещений, чтобы улучшать сайт.","ads":"Реклама","adsNote":"Рекламные пиксели и ретаргетинг.","always":"Всегда"}};
  var KEY = 'awe_consent';
  var dl = (window.dataLayer = window.dataLayer || []);
  function gtag() { dl.push(arguments); }
  if (C.consentMode) {
    gtag('consent', 'default', { ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied', analytics_storage: 'denied', wait_for_update: 500 });
  }
  function read() { try { return JSON.parse(localStorage.getItem(KEY) || 'null'); } catch (e) { return null; } }
  function write(v) { try { localStorage.setItem(KEY, JSON.stringify(v)); } catch (e) {} }
  function load(src) { var s = document.createElement('script'); s.async = true; s.src = src; document.head.appendChild(s); }
  var loaded = {};
  function apply(choice) {
    if (C.consentMode) {
      gtag('consent', 'update', {
        analytics_storage: choice.analytics ? 'granted' : 'denied',
        ad_storage: choice.ads ? 'granted' : 'denied',
        ad_user_data: choice.ads ? 'granted' : 'denied',
        ad_personalization: choice.ads ? 'granted' : 'denied'
      });
    }
    if (choice.analytics && C.ga4 && !loaded.ga4) { loaded.ga4 = 1; load('https://www.googletagmanager.com/gtag/js?id=' + C.ga4); gtag('js', new Date()); gtag('config', C.ga4); }
    if ((choice.analytics || choice.ads) && C.gtm && !loaded.gtm) { loaded.gtm = 1; dl.push({ 'gtm.start': Date.now(), event: 'gtm.js' }); load('https://www.googletagmanager.com/gtm.js?id=' + C.gtm); }
    if (choice.analytics && C.ym && !loaded.ym) {
      loaded.ym = 1;
      window.ym = window.ym || function () { (window.ym.a = window.ym.a || []).push(arguments); };
      window.ym.l = Date.now();
      load('https://mc.yandex.ru/metrika/tag.js');
      window.ym(Number(C.ym), 'init', { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: false });
    }
    if (choice.ads && C.pixel && !loaded.pixel) {
      loaded.pixel = 1;
      var f = (window.fbq = function () { f.callMethod ? f.callMethod.apply(f, arguments) : f.queue.push(arguments); });
      f.push = f; f.loaded = true; f.version = '2.0'; f.queue = [];
      load('https://connect.facebook.net/en_US/fbevents.js');
      window.fbq('init', C.pixel); window.fbq('track', 'PageView');
    }
  }
  var dark = C.theme === 'dark';
  var bg = dark ? '#16171d' : '#ffffff', fg = dark ? '#f4f5f8' : '#0b0d12', soft = dark ? '#aab0bc' : '#5b6475', line = dark ? '#2a2c35' : '#e2e6ed';
  var pos = C.position === 'center'
    ? 'left:50%;top:50%;transform:translate(-50%,-50%);max-width:460px'
    : C.position === 'bottom-left' ? 'left:16px;bottom:16px;max-width:400px' : 'left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto';
  function el(tag, css, text) { var e = document.createElement(tag); if (css) e.style.cssText = css; if (text) e.textContent = text; return e; }
  function button(text, primary) {
    return el('button', 'flex:1 1 auto;min-height:44px;padding:0 18px;border-radius:12px;font:700 14px/1 system-ui,sans-serif;cursor:pointer;border:1px solid ' + (primary ? C.accent : line) + ';background:' + (primary ? C.accent : 'transparent') + ';color:' + (primary ? '#fff' : fg), text);
  }
  var box;
  function close() { if (box) { box.remove(); box = null; } }
  function decide(choice) { choice.ts = Date.now(); choice.v = 1; write(choice); close(); apply(choice); }
  function open() {
    close();
    var current = read() || { analytics: false, ads: false };
    box = el('div', 'position:fixed;z-index:2147483000;' + pos + ';background:' + bg + ';color:' + fg + ';border:1px solid ' + line + ';border-radius:20px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);font:14px/1.5 system-ui,sans-serif');
    box.setAttribute('role', 'dialog');
    box.setAttribute('aria-label', C.t.title);
    box.appendChild(el('strong', 'display:block;font-size:16px;margin-bottom:6px', C.t.title));
    var p = el('p', 'margin:0 0 14px;color:' + soft, C.t.text + ' ');
    if (C.policy) { var a = el('a', 'color:' + fg, C.t.policy); a.href = C.policy; p.appendChild(a); }
    box.appendChild(p);
    var panel = el('div', 'display:none;margin:0 0 14px;border-top:1px solid ' + line);
    var toggles = {};
    [['necessary', C.t.necessaryNote, true], ['analytics', C.t.analyticsNote, current.analytics], ['ads', C.t.adsNote, current.ads]].forEach(function (row) {
      var r = el('label', 'display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid ' + line + ';cursor:pointer');
      var cb = el('input'); cb.type = 'checkbox'; cb.checked = !!row[2]; cb.disabled = row[0] === 'necessary';
      cb.style.cssText = 'margin-top:3px;accent-color:' + C.accent;
      toggles[row[0]] = cb;
      var t = el('span', '', ''); t.appendChild(el('b', 'display:block', C.t[row[0]] + (row[0] === 'necessary' ? ' · ' + C.t.always : ''))); t.appendChild(el('small', 'color:' + soft, row[1]));
      r.appendChild(cb); r.appendChild(t); panel.appendChild(r);
    });
    box.appendChild(panel);
    var row = el('div', 'display:flex;flex-wrap:wrap;gap:8px');
    var accept = button(C.t.accept, true), reject = button(C.t.reject, false), settings = button(C.t.settings, false);
    accept.onclick = function () { decide({ analytics: true, ads: true }); };
    reject.onclick = function () { decide({ analytics: false, ads: false }); };
    settings.onclick = function () {
      if (panel.style.display === 'none') { panel.style.display = 'block'; settings.textContent = C.t.save; }
      else decide({ analytics: toggles.analytics.checked, ads: toggles.ads.checked });
    };
    row.appendChild(reject); row.appendChild(settings); row.appendChild(accept);
    box.appendChild(row);
    (document.body || document.documentElement).appendChild(box);
  }
  window.aweConsent = { open: open, get: read };
  var saved = read();
  if (saved) apply(saved);
  else if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', open);
  else open();
})();
</script>

Ссылка для подвала

По ней человек сможет изменить выбор — это требование закона.

<a href="#" onclick="window.aweConsent && window.aweConsent.open(); return false;">Настройки cookie</a>

Как установить на Tilda

1
Соберите баннер в генераторе выше: язык, цвет, номера Метрики и Google Analytics.
2
Откройте проект → «Настройки сайта» → «Ещё» → «HTML-код для вставки внутрь head» и вставьте код целиком.
3
Там же в «Аналитике» удалите номера Яндекс Метрики, Google Analytics и пикселей — теперь их загружает баннер.
4
Добавьте в подвал ссылку «Настройки cookie» (код ниже генератора) блоком T123 «HTML-код».
5
Опубликуйте все страницы заново и проверьте сайт в Awe Check: счётчики не должны грузиться до «Принять».

Важно. Если оставить номера во встроенной аналитике Tilda, счётчик будет стоять дважды: один — до согласия. Это то самое нарушение, за которое штрафуют.

Установка на вашу платформу

TildaCookie-баннер для сайта на Tilda WordPressCookie-баннер для WordPress без тяжёлого плагина 1С-БитриксCookie-баннер для сайта на 1С-Битрикс InSalesCookie-баннер для интернет-магазина на InSales

Вопросы и ответы

Нужен ли cookie-баннер в Казахстане и России?

Да, если сайт собирает данные посетителей через аналитику и рекламные пиксели: это сбор персональных данных, и на него нужно согласие. В ЕС баннер обязателен по GDPR и директиве ePrivacy.

Почему нельзя просто написать «Мы используем cookie»?

Потому что счётчики при этом уже работают. Закон требует спросить до сбора данных, а не сообщить после. Баннер из генератора держит счётчики выключенными, пока человек не согласится.

Что будет со статистикой, если люди нажмут «Отклонить»?

Часть визитов не попадёт в Метрику и Google Analytics. Consent Mode v2 помогает Google восстановить часть данных моделированием, не нарушая выбор человека.

Где хранится выбор посетителя?

В браузере посетителя, в localStorage. Сервер и мы этот выбор не получаем. Ссылка «Настройки cookie» в подвале открывает баннер снова.

Как проверить, что всё работает?

Запустите проверку сайта в Awe Check: отчёт покажет, какие счётчики и cookie появляются до нажатия «Принять» и работает ли отказ.

Проверьте, что счётчики ждут согласия

Awe Check откроет сайт как посетитель и покажет всё, что грузится до «Принять».

Проверить сайт бесплатно