Introdução ao Consentimento de Cookies do TermsFeed

O que é o Consentimento de Cookies do TermsFeed?

O Consentimento de Cookies TermsFeed Gratuito (versão mais recente 4.2) é uma solução gratuita e de código aberto para gestão de cookies baseada em JavaScript que ajuda os sites a cumprir a Diretiva de Cookies da UE, o RGPD e a Diretiva ePrivacy.

O Consentimento de Cookies gratuito da TermsFeed fornece um banner de aviso personalizável e um centro de preferências que permite aos utilizadores controlar quais os cookies e scripts que são executados no seu site.

Principais funcionalidades do Consentimento de Cookies do TermsFeed

  • 100% gratuito. Sem custos ocultos nem níveis premium.
  • Em conformidade com o RGPD e a Diretiva ePrivacy. Concebido para cumprir os requisitos de privacidade da UE.
  • Suporte ao Modo de Consentimento V2 do Google. Integra-se perfeitamente com os requisitos de consentimento do Google.
  • Modo de Consentimento UET da Microsoft. Compatível com as normas de consentimento da Microsoft Advertising.
  • Bloqueio de scripts. Impede que os scripts sejam carregados até que o consentimento seja concedido.
  • Design personalizável. Escolha entre vários tipos de banners e paletas de cores; é possível aplicar CSS personalizado adicional.
  • Suporte multilingue. Disponível em vários idiomas.
  • Callbacks disponíveis. API abrangente para integrações personalizadas.

Quem precisa de uma solução de consentimento de cookies

Precisa de uma solução de consentimento de cookies se:

  • Utiliza o Google Analytics ou ferramentas de análise ou rastreamento semelhantes
  • Tiver widgets de redes sociais incorporados
  • Utiliza pixels de publicidade (Facebook, LinkedIn, etc.)
  • O seu site armazena ou recupera quaisquer cookies para além dos estritamente necessários (ou seja, login, autenticação)
  • Tiver visitantes da região da UE/EEE

Como funciona

  1. Exibição do banner: Quando os utilizadores visitam o seu site pela primeira vez, veem um banner de consentimento de cookies.
  2. Escolha do utilizador: Os utilizadores podem aceitar todos, rejeitar todos ou personalizar as suas preferências.
  3. Gestão de scripts: Com base no consentimento do utilizador, os scripts marcados são carregados ou bloqueados.
  4. Armazenamento de preferências: As preferências do utilizador são guardadas num cookie para visitas futuras.
  5. Centro de preferências: Os utilizadores podem alterar as suas preferências a qualquer momento.

Tipos de consentimento

O TermsFeed Cookie Consent suporta 2 modos de consentimento:

Consentimento implícito

  • Todos os scripts são carregados imediatamente ao carregar a página.
  • Presume o consentimento pela continuação da navegação.
  • Menos compatível com o RGPD.
  • Utilizar apenas para públicos fora da UE.
 TermsFeed Cookie Consent banner - implied consent example

Consentimento Expresso (Recomendado)

  • Os scripts são bloqueados até que os utilizadores aceitem explicitamente.
  • Por predefinição, apenas os scripts «estritamente necessários» são carregados.
  • Abordagem em conformidade com o RGPD.
  • Requer o consentimento ativo do utilizador.
 TermsFeed Cookie Consent banner - express consent example

Categorias de cookies

Os scripts estão organizados em 4 categorias:

  1. Estritamente necessários. Essenciais para o funcionamento do site (sempre permitidos).
  2. Funcionalidade. Melhoram a experiência do utilizador (por exemplo, preferências de idioma).
  3. Rastreamento. Análise e medição de desempenho (por exemplo, Google Analytics).
  4. Segmentação. Marketing e publicidade (por exemplo, Facebook Pixel).

Guia de Início Rápido

Ative o TermsFeed Cookie Consent no seu site em 5 passos simples.

Passo 1: Carregue o Consentimento de Cookies do TermsFeed

Adicione o ficheiro JavaScript do Consentimento de Cookies ao seu site.

<script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>

Passo 2: Adicione o código de configuração

Adicione o script de configuração imediatamente após o script do Cookie Consent:

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
    cookieconsent.run({
        "notice_banner_type": "headline",
        "consent_type": "express",
        "palette": "light",
        "language": "en",
        "website_name": "Your Website Name",
        "website_privacy_policy_url": "https://yourwebsite.com/privacy",
        "open_preferences_center_selector": "#changePreferences",
        "page_load_consent_levels": ["strictly-necessary"]
    });
});
</script>

Passo 3: Adicione a linha de créditos (obrigatório)

Inclua a tag de créditos noscript (obrigatória pela nossa licença):

<noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>

Passo 4: Adicione o botão «Alterar as suas preferências»

Crie um botão ou link no qual os utilizadores possam clicar para alterar as suas preferências:

<button id="changePreferences">Change Cookie Preferences</button>

O ID deve corresponder ao open_preferences_center_selector na sua configuração.

Passo 5: Marque os scripts dos seus fornecedores terceiros

Modifique os scripts existentes para respeitar o consentimento do utilizador:

  1. Alterar o type="text/javascript" para o type="text/plain"
  2. Adicionar o atributo data-cookie-consent="CATEGORY"

Exemplo: Google Analytics

Antes:

<script type="text/javascript">
  // Google Analytics code
</script>

Depois:

<script type="text/plain" data-cookie-consent="tracking">
  // Google Analytics code
</script>

Exemplo completo

<!DOCTYPE html>
<html>
<head>
    <title>My Website</title>
</head>
<body>

    <!-- Page content here -->

    <!-- Cookie Consent by TermsFeed -->
    <script type="text/javascript" src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        cookieconsent.run({
            "notice_banner_type": "headline",
            "consent_type": "express",
            "palette": "light",
            "language": "en",
            "website_name": "My Website",
            "website_privacy_policy_url": "https://mywebsite.com/privacy",
            "open_preferences_center_selector": "#changePreferences",
            "page_load_consent_levels": ["strictly-necessary"]
        });
    });
    </script>
    <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
    <!-- End Cookie Consent -->

    <!-- Button to change preferences -->
    <button id="changePreferences">Cookie Settings</button>

    <!-- Tagged Google Analytics -->
    <script type="text/plain" data-cookie-consent="tracking">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXX-Y', 'auto');
    ga('send', 'pageview');
    </script>

</body>
</html>

Testar a sua implementação

  1. Limpe os cookies do seu navegador relativos ao seu site.
  2. Recarregue a página. Deverá ver o banner de consentimento.
  3. Verifique se há erros na Consola do Desenvolvedor do seu navegador.
  4. Teste a funcionalidade de bloqueio de scripts:
    1. Antes de aceitar: os scripts marcados NÃO devem carregar
    2. Após aceitar: os scripts marcados devem carregar
  5. Teste o botão «Alterar as suas preferências»: Clique no botão para verificar se abre o Centro de Preferências.

Erros comuns ao implementar o Consentimento de Cookies do TermsFeed

  • Esquecer-se de alterar o tipo de script para text/plain
  • Falta do atributo data-cookie-consent
  • Não incluir page_load_consent_levels apenas com "estritamente necessário"
  • O ID do botão não corresponde a open_preferences_center_selector
  • Remover a tag noscript de créditos obrigatória