SWLgpd Cookie Consent (4 Modelos)
Banner de consentimento de cookies em conformidade com a LGPD/GDPR. Possui 4 modelos visuais, suporte a inicialização via HTML ou JavaScript, persistência em localStorage e callbacks de aceite/rejeição.
1. Demo ao Vivo (Testar os 4 Modelos)
Clique em qualquer um dos 4 modelos abaixo para ver o banner em ação na parte inferior da página.
2. Os 4 Modelos Visuais
Defina o modelo visual via sw-lgpd-modelo="1" no HTML ou modelo: 1 via JavaScript.
1 Barra inferior Padrão
Máxima visibilidade e clareza para o usuário.
2 Card flutuante
Excelente para sites com layouts densos.
3 Compacto centralizado
Layout limpo e minimalista.
4 Dark / High-Contrast
Garante elegância e leitura em qualquer tema.
3. Uso via Atributo HTML
Adicione sw-lgpd em qualquer elemento HTML. O banner é carregado e o elemento âncora é removido do DOM.
Barra Padrão (Modelo 1)
Card Flutuante (Modelo 2)
Compacto Central (Modelo 3)
Dark Contrastado (Modelo 4)
4. Uso via JavaScript (SWLgpd.init)
Inicialize via JS com callbacks e controle de expiração.
SWLgpd.init({
msg: 'Usamos cookies para melhorar sua experiência.',
accept: 'Aceitar todos',
reject: 'Recusar',
link: '/privacidade',
linkTxt: 'Política de privacidade',
modelo: 2, // 1 | 2 | 3 | 4
days: 365, // dias até o consentimento expirar
key: 'meu_lgpd', // chave no localStorage
onAccept() {
console.log('Consentimento aceito!');
carregarGoogleAnalytics();
},
onReject() {
console.log('Consentimento recusado.');
}
});
// Limpar consentimento para forçar reexibição do banner
SWLgpd.clear('meu_lgpd');
5. Quick Reference
| Atributo / Opção JS | Padrão | Descrição |
|---|---|---|
sw-lgpd / SWLgpd.init() | — | Ativa o módulo de consentimento LGPD. |
sw-lgpd-modelo / modelo | 1 | Modelo visual (1=Barra, 2=Flutuante, 3=Compacto, 4=Dark). |
sw-lgpd-msg / msg | 'Usamos cookies...' | Mensagem de consentimento exibida. |
sw-lgpd-ok / accept | 'Aceitar' | Texto do botão de aceite. |
sw-lgpd-nao / reject | null | Texto do botão de rejeição (oculto se vazio). |
sw-lgpd-link / link | '' | URL para a Política de Privacidade. |
sw-lgpd-dias / days | 365 | Dias até a expiração do consentimento no localStorage. |
sw-lgpd-key / key | 'sw_lgpd' | Chave onde a decisão é salva no localStorage. |
SWLgpd.clear(key) | — | Remove o registro do localStorage para retestar. |