1. Demo ao Vivo

Clique em cada modelo para ver o banner aparecer na página. O banner só aparece uma vez - use Y2Lgpd.clear() no console para resetar.

2. Modelos

Escolha o modelo com y2lgpd-modelo (1-4) ou modelo: no JS.

3. Uso via Atributo HTML

A forma mais simples - adicione y2lgpd em qualquer elemento e o módulo inicializa automaticamente ao carregar a página.

4. Uso via JavaScript

Para controle total com callbacks, modelos e chaves customizadas.

Y2Lgpd.init({
  msg:      'Usamos cookies para melhorar sua experiência.',
  accept:   'Aceitar todos',
  reject:   'Rejeitar',
  link:     '/privacidade',
  linkTxt:  'Política de privacidade',
  modelo:   1,          // 1 | 2 | 3 | 4
  days:     365,        // dias até expirar
  key:      'yd_consent',

  onAccept() {
    console.log('Aceito!');
    initAnalytics();
  },

  onReject() {
    console.log('Rejeitado.');
  }
});

// Verificar se já consentiu
const saved = localStorage.getItem('yd_consent');
if (saved) {
  initAll(); // já respondeu
}

// Limpar consentimento
// (banner reaparece na próxima visita)
Y2Lgpd.clear();              // chave padrão
Y2Lgpd.clear('minha_chave'); // chave custom

// Use chaves diferentes por finalidade
Y2Lgpd.init({
  key:    'consent_analytics',
  modelo: 2,
  msg:    'Aceita cookies de analytics?',
  onAccept: initGA
});

Y2Lgpd.init({
  key:    'consent_ads',
  modelo: 2,
  msg:    'Aceita cookies de marketing?',
  onAccept: initAds
});

5. Integração com Analytics

Padrão recomendado - carrega scripts de rastreamento somente após consentimento.

window.addEventListener('DOMContentLoaded', () => {

  // Consentimento já salvo - carregar scripts direto
  if (localStorage.getItem('yd_consent')) {
    loadAnalytics();
    return;
  }

  // Exibir banner pela primeira vez
  Y2Lgpd.init({
    msg:    'Usamos cookies para melhorar sua experiência.',
    accept: 'Aceitar',
    reject: 'Recusar',
    link:   '/privacidade',
    modelo: 2,
    key:    'yd_consent',
    onAccept() { loadAnalytics(); },
    onReject()  { console.log('Analytics desativado.'); }
  });
});

function loadAnalytics() {
  const s = document.createElement('script');
  s.src = 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX';
  document.head.appendChild(s);
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXX');
}