Pular para conteúdo

Guia Rápido

Integre o Complyr em seu site em apenas 3 passos simples. Leva menos de 5 minutos!

Passo 1: Criar Conta e Workspace

  1. Acesse app.complyr.com.br
  2. Crie sua conta gratuita
  3. Configure seu primeiro Workspace:
  4. Nome da empresa
  5. Domínio do site (ex: seusite.com.br)
  6. Informações de contato

Dica

Um workspace representa um site ou aplicação. Você pode criar múltiplos workspaces para diferentes projetos.

Passo 2: Adicionar o Script ao Seu Site

Copie o código abaixo e cole antes do fechamento da tag </body> em todas as páginas do seu site:

<script
  src="https://app.complyr.com.br/tag/js"
  data-workspace-id="SEU_WORKSPACE_ID"
  data-complyr-script
  async
  defer>
</script>

Importante

Substitua SEU_WORKSPACE_ID pelo ID do seu workspace (encontre no painel do Complyr).

Para Diferentes Plataformas

Adicione no arquivo index.html antes de </body>:

<!DOCTYPE html>
<html>
<head>
    <title>Meu Site</title>
</head>
<body>
    <!-- Seu conteúdo -->

    <!-- Complyr Script -->
    <script src="https://app.complyr.com.br/tag/js"
            data-workspace-id="SEU_WORKSPACE_ID"
            data-complyr-script
            async defer>
    </script>
</body>
</html>

Adicione no _document.js ou _app.js:

import Script from 'next/script'

export default function MyApp({ Component, pageProps }) {
  return (
    <>
      <Component {...pageProps} />

      {/* Complyr Script */}
      <Script
        src="https://app.complyr.com.br/tag/js"
        data-workspace-id="SEU_WORKSPACE_ID"
        data-complyr-script
        strategy="afterInteractive"
      />
    </>
  )
}
  1. Vá em Aparência → Editor de Temas
  2. Abra o arquivo footer.php
  3. Cole o script antes de </body>
  4. Salve as alterações

Ou use um plugin como Insert Headers and Footers.

  1. Crie uma Nova Tag no GTM
  2. Tipo: HTML Personalizado
  3. Cole o script
  4. Acionador: All Pages
  5. Publique

Atenção

O script Complyr deve ser carregado diretamente no HTML, não via GTM, para gerenciar corretamente o consentimento do próprio GTM.

Passo 3: Configurar Template de Consentimento

  1. No painel do Complyr, vá em Consentimento → Templates
  2. Clique em Criar Novo Template
  3. Configure as finalidades:
Finalidade Obrigatório Descrição
Essenciais ✅ Sim Cookies necessários para o funcionamento básico
Analytics ❌ Não Google Analytics, métricas de uso
Marketing ❌ Não Anúncios, remarketing, Facebook Pixel
Personalização ❌ Não Preferências do usuário, recomendações
Terceiros ❌ Não Compartilhamento com parceiros
  1. Personalize o banner:
  2. Título: "Nós valorizamos sua privacidade"
  3. Descrição: Explique o uso de cookies
  4. Botões: "Aceitar Todos", "Apenas Essenciais", "Personalizar"

  5. Cores: Adapte à identidade visual do site

  6. Clique em Ativar Template

✅ Pronto! Agora Teste

Abra seu site em uma janela anônima e verifique:

  1. ✅ Banner de consentimento aparece na primeira visita
  2. ✅ Botões funcionam corretamente
  3. ✅ Preferências são salvas (não aparece novamente após aceitar)
  4. ✅ Painel Complyr mostra dados do consentimento

🎯 Próximos Passos

Agora que o básico está funcionando:

  1. Configure Integrações
  2. Google Tag Manager - Consent Mode v2

  3. Facebook Pixel - Gerenciamento automático

  4. Explore a API JavaScript

  5. Identifique usuários após login
  6. Carregue políticas dinamicamente

  7. Revogue consentimento programaticamente

  8. Personalize o Banner

  9. Ajuste cores e fontes
  10. Adicione seu logo
  11. Traduza para outros idiomas

🆘 Precisa de Ajuda?

  • Não aparece o banner? → Verifique se o workspace-id está correto
  • Erro de console? → Confira se o script está antes de </body>
  • Banner aparece sempre? → Limpe cookies e cache do navegador

Mais ajuda em FAQ ou contato@complyr.com.br