Consentl

Consentl no Framer

Adicione o Consentl com o código «Start of <head> tag» do Framer, executado antes dos scripts do Framer, e substitua o componente Cookie Banner do Framer.

Loader em primeiro lugar no <head>
Depende do método

O loader pode ficar em primeiro lugar no <head>? Quase. O Framer tem uma posição «Start of <head> tag» que coloca o loader antes dos scripts do próprio Framer; só as tags meta e charset do Framer vêm antes dele. O runtime do Framer é um <script type="module" async> no body. Não é diferido, mas continua a ser executado depois de um loader síncrono no início do <head>, porque o loader vem primeiro na ordem do documento. Isto faz do Framer o criador de sites sem código mais próximo da configuração recomendada.

Requisitos

  • Um plano de site pago com um domínio personalizado. O código personalizado só é executado no site publicado.
  • A sua chave do site Consentl, na página Configuração do seu site no painel. Adicione o nome de anfitrião do site no campo Domínios; www. e o domínio sem www contam como o mesmo site, pelo que não é preciso adicionar www. separadamente.

O que inclui o seu plano Consentl

  • Free: apenas banner, registo de consentimentos e bloqueio manual.
  • Pro: acrescenta o Google Consent Mode v2.
  • Business: acrescenta o bloqueio automático de rastreadores conhecidos e as regras de bloqueio que acrescentar no painel.

Nos planos Free e Pro, só são retidas as tags que marcar manualmente.

Instalação

  1. No projeto Framer, abra Project Settings → Custom Code e acrescente um fragmento.

  2. Cole:

    <script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>

    Se o site também utilizar o modelo Consentl para o GTM, acrescente &gcm=ext ao URL para que só o modelo envie comandos do Consent Mode.

  3. Placement: Start of <head> tag.

  4. Pages: todas as páginas.

  5. Run: Once. O Framer navega do lado do cliente, e a navegação do lado do cliente não perde o banner. «Run on every page visit» voltaria a injetar o loader em cada navegação. Mantenha o URL do loader idêntico em todas as páginas.

  6. Remova das suas páginas o componente Cookie Banner do Framer, se o tiver utilizado. Só deve estar ativo um banner.

    • O componente Cookie Banner também enviava as chamadas de predefinição e de atualização do Google Consent Mode. Se o seu GTM ou as suas tags Google dependiam delas, o Consent Mode do Consentl substitui-as no plano Pro e superiores.
    • No plano Free, não há chamadas do Consent Mode depois de o componente ser removido. Marque manualmente o fragmento do GTM ou da tag Google (<script type="text/plain" data-consentl="analytics">…</script>, com a categoria que corresponde ao que carrega) para que só seja executado após o consentimento.

  7. Publish.

  8. Opcional: acrescente uma ligação com o URL #consentl («Definições de cookies») ao componente do rodapé. As ligações cujo URL termina em #consentl ou #consentl-preferences, e qualquer elemento com o atributo data-consentl-open, abrem as preferências.

Verificar que funciona

Teste o site publicado numa janela privada. O código personalizado não é executado na área de trabalho nem na pré-visualização.

A região do visitante é determinada a partir do seu endereço IP: o Consentl consulta o país em memória em cada visualização de página (nada é guardado) e aplica a regra do painel para esse país. Os estados dos EUA não são distinguidos: os visitantes dos EUA recebem a sua regra para todos os EUA ou, se não existir, a sua primeira regra para um estado dos EUA. Um país desconhecido recebe a sua regra para regiões desconhecidas (opt-in por predefinição).

Idiomas

Os locales do Framer partilham o código personalizado de todo o site. Omita &l=… para utilizar o idioma predefinido do painel, ou acrescente o fragmento por página ou por locale em Page settings → Custom Code, mantendo o URL idêntico em todas as páginas de um locale.

Utilize um componente Embed (HTML) na página da sua política de cookies:

<div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>
  • Utilize data-consentl-request ou data-consentl-withdrawal em vez disso para o formulário de pedidos relativos a dados pessoais ou o formulário de livre resolução da UE. O formulário de livre resolução exige o plano Pro ou superior e tem de ser ativado no painel; caso contrário, fica vazio.
  • O Framer apresenta o componente Embed como um embed HTML. Verifique no site publicado se a tabela aparece.
  • Se não aparecer, coloque antes uma ligação para a declaração de cookies alojada: https://api.consentl.com/p/SITE_KEY/cookies (uma página pública, sempre sincronizada com o painel; acrescente ?l=de para outro idioma).

Limitações

  • As tags meta e charset do próprio Framer continuam a vir antes do fragmento. São inofensivas.

  • O Framer Analytics não utiliza cookies e é carregado pelo Framer; o Consentl não o controla.

  • As integrações de rastreio em Project Settings (Integrations), como o Google Analytics, são injetadas pelo Framer e podem não ser bloqueadas pelo Consentl. Prefira as tags Google através do GTM, ou como código personalizado colocado depois do fragmento do Consentl. O Consentl retém os rastreadores reconhecidos que carregam depois dele (plano Business e superiores); nos planos Free e Pro, só são retidas as tags que marcar manualmente.

  • Tags inseridas diretamente. Um <script src>, um píxel <img> ou um <iframe> escrito em código personalizado ou num Embed é obtido pelo navegador antes de qualquer script o poder travar, mesmo quando o Consentl impede a sua execução. Marque essas tags manualmente e remova os píxeis em <noscript>:

    <script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">

    As tags carregadas por código (GTM, o loader JavaScript de um píxel) são retidas sem qualquer pedido quando o bloqueio automático está ativado.

Com dificuldades? Escreva para support@consentl.com — respondemos em inglês nos dias úteis.