Adicione Seus Scripts JavaScript
Gerar e Descarregar o Código do Banner de Cookies
Descarregue e inclua o código no seu projeto. Certifique-se de que importou o jQuery. Após importar os scripts/estilos, inicialize o Aviso de Cookies
<!-- Import the styles & scripts --> <script src="cookiebanner.script.js"></script> <link rel="stylesheet" href="cookiebanner.style.css"> <!-- Initialize Cookie Notice --> <script> $(document).ready(function() { cookiebanner.init(); }); </script>
Guia: Como Usar a Ferramenta Gratuita Gerador de Banner de Cookies
Criar um site amigável e em conformidade envolve navegar pela complexa paisagem das leis de privacidade digital, como o GDPR na Europa ou o CCPA na Califórnia. Um dos primeiros passos para a conformidade é informar adequadamente seus visitantes sobre o uso de cookies no seu site. Isso não só promove transparência, mas também constrói confiança entre você e seus usuários. Para auxiliar neste esforço, um gerador de banner de cookies torna-se uma ferramenta inestimável, permitindo aos proprietários de sites criar e gerenciar notificações de consentimento de cookies facilmente.
Este guia é projetado para orientá-lo no processo de uso de uma ferramenta de gerador de banner de cookies, desde a seleção de temas e cores que combinam com a estética do seu site até a personalização do texto e configurações para alinhar com suas políticas de privacidade. Seguindo estes passos, você pode garantir que seu site não só esteja em conformidade com as regulamentações de privacidade, mas também melhore a experiência do usuário, fornecendo escolhas claras em relação às preferências de cookies. Seja você um desenvolvedor web experiente ou um pequeno empresário com conhecimento técnico mínimo, este guia visa simplificar a tarefa de gestão de consentimento de cookies, tornando-a acessível a todos.
Passo 1: Personalização do Design: Tema & Paleta
No primeiro passo da personalização do seu banner de cookies, você começará selecionando o tema e as cores que melhor combinam com o design do seu site.
- Escolha uma cor para botões e links. Isso deve complementar o esquema de cores do seu site.
- Defina a cor do texto para garantir a legibilidade contra o fundo do banner.
- Defina a cor de fundo para uma clara visibilidade do texto.
Passo 2: Visibilidade & Controles da Interface do Usuário
Ajuste quais elementos são visíveis no seu banner:
- Ative isto para mostrar ou ocultar o botão de configurações.
- Decida se o ícone de fechar é mostrado, permitindo que os usuários dispensem facilmente o banner.
- Escolha exibir uma opção de 'Recusar' para os usuários.
Passo 3: Configuração de Layout: Posicionamento & Dimensionamento
Configure o posicionamento e tamanho do banner:
- Selecione onde o banner aparecerá na sua tela (Topo, Fundo, Esquerda, Direita).
- Decida se o banner deve esticar por toda a largura da tela (aplicável para posições no Topo ou Fundo).
Passo 4: Personalização de Conteúdo: Texto & Mensagens
Personalize o texto exibido no seu banner:
- Insira um título conciso e uma mensagem explicando o uso de cookies.
- Especifique a etiqueta para o link da sua política de privacidade e forneça o URL.
- Personalize a etiqueta para o botão de aceitação.
- Personalize a etiqueta para o botão de rejeição.
Passo 5: Interface de Preferências: Organizando Categorias de Cookies
Etiquete as diferentes seções dentro do seu menu de configurações de cookies:
- Defina o texto de exibição para Configurações de Preferências, Necessário, Preferências, Marketing, Análises
Passo 6: Integração de Script: Gerenciando o Carregamento Baseado em Consentimento
Adicione scripts que requerem consentimento do usuário antes do carregamento:
- Nomeie seu script e especifique seu tipo (Necessário, Preferências, Marketing, Análises).
- Insira o código JavaScript que deve ser executado com base no consentimento do usuário.
Passo 7: Geração de Código: Exportar & Implementar Seu Banner
Uma vez que todas as configurações estejam configuradas:
- Clique no botão 'Descarregar' para gerar o código do seu banner de cookies.
- Importe os scripts gerados cookiebanner.script.js e cookiebanner.style.css para o seu projeto.
- Certifique-se de que o jQuery está importado para o seu projeto.
- Inicialize o banner de cookies adicionando o script fornecido ao HTML do seu site.