Sistema completo de gerenciamento de cookies em conformidade com a LGPD (Lei Geral de Proteção de Dados - Lei N° 13.709/18). Desenvolvido pela 9level.
- ✅ 100% em conformidade com LGPD
- ✅ Interface totalmente em português
- ✅ Fácil implementação (apenas 3 arquivos)
- ✅ Sem dependências (Vanilla JS)
- ✅ Responsivo e acessível
- ✅ Debug integrado com comandos no console
- ✅ Carregamento condicional de scripts
- ✅ Suporte a localStorage (funciona em file://)
- ✅ Personalizável via CSS e configurações
-
Baixe os arquivos necessários:
-
Adicione ao seu projeto:
seu-projeto/
├── css/
│ └── cookieconsent.css
├── js/
│ ├── cookieconsent.umd.js
│ └── lgpd-consent.js
└── index.html
- Adicione os arquivos antes do
</body>:
<!-- CSS -->
<link rel="stylesheet" href="css/cookieconsent.css">
<!-- JavaScript -->
<script src="js/cookieconsent.umd.js"></script>
<script src="js/lgpd-consent.js"></script>- Configure seus IDs de serviços:
// No início do lgpd-consent.js
const LGPD_CONFIG = {
googleAnalyticsId: 'G-XXXXXXXXXX', // Seu ID
facebookPixelId: '1234567890', // Seu ID
cookieName: 'lgpd_cookie_consent',
debug: false // true para desenvolvimento
};- Adicione links de preferências (opcional):
<a href="#" data-cc="show-preferencesModal">Configurações de Cookies</a>Carregue scripts apenas quando o usuário consentir:
<!-- Google Analytics -->
<script type="text/plain" data-category="analytics">
gtag('config', 'G-XXXXXXXXXX');
console.log('Analytics ativado!');
</script>
<!-- Facebook Pixel -->
<script type="text/plain" data-category="marketing">
fbq('track', 'Purchase', {value: 100, currency: 'BRL'});
console.log('Marketing ativado!');
</script>Edite a seção translations no arquivo lgpd-consent.js:
translations: {
pt: {
consentModal: {
title: '🍪 Nós usamos cookies!',
description: 'Seu texto personalizado...',
acceptAllBtn: 'Aceitar todos',
acceptNecessaryBtn: 'Apenas necessários',
showPreferencesBtn: 'Gerenciar preferências'
}
}
}/* Banner principal */
#cc-main .cm {
font-family: 'Sua Fonte', sans-serif;
background: #1a1a2e;
}
/* Botões */
#cc-main .cm__btn {
background-color: #4a7c7e;
border-radius: 25px;
}
/* Modal de preferências */
#cc-main .pm {
max-width: 800px;
}Use os comandos no console do navegador:
// Ver status completo
lgpdDebug.dump()
// Resetar preferências
lgpdDebug.reset()
// Mostrar banner
lgpdDebug.show()
// Abrir preferências
lgpdDebug.preferences()
// Aceitar categorias
lgpdDebug.accept('all') // Aceita todos
lgpdDebug.accept('analytics') // Aceita só analytics
lgpdDebug.accept('marketing') // Aceita só marketing🍪 LGPD Cookie Dump
Status: ✅ Válido
Preferências: {acceptType: "all", acceptedCategories: ["necessary", "analytics", "marketing"]}
Analytics: ✅ Aceito
Marketing: ✅ Aceito
// Verificar se categoria foi aceita
if (CookieConsent.acceptedCategory('analytics')) {
// Código que depende de analytics
}
// Aceitar programaticamente
CookieConsent.acceptCategory('all');
// Mostrar banner/preferências
CookieConsent.show();
CookieConsent.showPreferences();
// Obter preferências do usuário
const prefs = CookieConsent.getUserPreferences();
// Verificar consentimento válido
const hasConsent = CookieConsent.validConsent();cloud(padrão) - Design moderno arredondadobox- Design retangular clássicobar- Barra no topo/bottom
bottom center(padrão)bottom leftbottom righttopmiddle
gui_options: {
consent_modal: {
layout: 'cloud',
position: 'bottom center',
transition: 'slide'
}
}- ✅ Chrome 60+
- ✅ Firefox 60+
- ✅ Safari 12+
- ✅ Edge 79+
- ✅ Opera 50+
- ✅ Chrome Mobile
- ✅ Safari Mobile
- Faça um Fork do projeto
- Crie sua Feature Branch (
git checkout -b feature/AmazingFeature) - Commit suas mudanças (
git commit -m 'Add some AmazingFeature') - Push para a Branch (
git push origin feature/AmazingFeature) - Abra um Pull Request
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
- CookieConsent - Biblioteca base
- 9level - Desenvolvimento e manutenção
- Comunidade open source
- 📧 Email: suporte@9level.com.br
- 🐛 Issues: GitHub Issues
- Dashboard de analytics
- Integração com WordPress
- Modo de auditoria LGPD
- Gerador de política de privacidade
Feito com ❤️ pela 9level para a comunidade brasileira 🇧🇷