Consentl

Consentl no Squarespace

Adicione o Consentl com a injeção de código do Squarespace, retire o Google Analytics da integração incluída e desative o banner de cookies do Squarespace.

Loader em primeiro lugar no <head>
Não — leia as limitações

O loader pode ficar em primeiro lugar no <head>? Não. O Squarespace escreve a injeção de código Header depois do seu próprio conteúdo do head (contexto do site, bundles, estatísticas do Squarespace).

Requisitos

  • A injeção de código está disponível nos planos Core, Plus e Advanced (e em alguns planos antigos Business / Commerce), mas não no Basic (anteriormente Personal).
  • 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. Abra o painel Code Injection. A forma mais rápida é pesquisar «Code injection» na pesquisa do painel. Consoante a versão do painel, encontra-se em Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection ou Settings → Advanced → Code Injection.

  2. Em Header, cole o loader como primeira linha:

    <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. Clique em Save.

  4. Retire o Google Analytics da integração incluída no Squarespace: remova o ID de medição em Settings → Developer tools → External API keys (Google Analytics) e, em vez disso, acrescente o GA (gtag.js) ou o GTM na injeção de código Header, abaixo da linha do Consentl. O banner de cookies próprio do Squarespace controla a integração incluída do Google Analytics e os vídeos incorporados do YouTube. Depois de esse banner ser desativado (passo seguinte), o Squarespace deixa de aguardar o consentimento, e o Consentl não consegue reter uma tag que o Squarespace injete antes dele.

  5. Desative o banner próprio do Squarespace no painel Cookies & Data Privacy (/settings/website/cookies): Cookie banner → off. Só pode estar ativo um banner de consentimento. Decida depois o valor de Non-essential cookies: Restrict:

    • Desativado: uma integração incluída do GA que não tenha removido é executada antes de qualquer consentimento.
    • Ativado: o GA incluído no Squarespace e os seus próprios cookies de estatísticas nunca são executados, mesmo depois de o visitante aceitar no Consentl (Squarespace: os visitantes «won't be able to opt in», ou seja, não poderão dar o seu consentimento).
    • Com o GA movido para a injeção de código (passo 4), Restrict deixa de afetar o GA; ative-o apenas se quiser os cookies não essenciais próprios do Squarespace desativados para todos.

  6. Verifique os vídeos do YouTube incorporados nos blocos de vídeo do Squarespace. Se carregarem antes do consentimento, substitua-os por um bloco Code que o Consentl retém:

    <iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>

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

  8. Opcional: na página da sua política de cookies, acrescente um bloco Code com a declaração:

    <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.

Verificar que funciona

Abra o site numa janela privada. A injeção de código também é executada na pré-visualização do editor; se um script se comportar mal aí, utilize Disable Scripts in Preview ou acrescente /safe ao endereço do editor.

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).

Código por página e idiomas

  • Código específico de uma página: Settings → Advanced → Page Header Code Injection da página. É acrescentado para além do Header de todo o site. Não coloque o loader aí: mantenha um único loader, com o mesmo URL, em todas as páginas.
  • O Squarespace não tem sites multilingues nativos. Omita &l= para utilizar o idioma predefinido do painel.

Limitações

  • Não está em primeiro lugar no head. Os scripts próprios do Squarespace, incluindo o Squarespace Analytics, carregam antes do Consentl e não podem ser bloqueados por ele. Restrinja-os com a definição «Non-essential cookies» do Squarespace, se necessário (consulte o passo 5 quanto ao efeito no GA incluído). As tags de terceiros carregadas por código abaixo da linha do Consentl, ou em blocos, são retidas quando são rastreadores reconhecidos (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 na injeção de código ou num bloco Code é 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.

  • As páginas de finalização da compra não suportam código personalizado; o banner não aparece na finalização da compra. Só existem os campos das páginas Order Confirmation e Order Status.

  • Os modelos da versão 7.0 com carregamento AJAX podem não voltar a executar o código na navegação dentro do site. Isso não é um problema para o loader, que se mantém carregado; a navegação do lado do cliente não perde o banner.

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