Privacy Controls and Cookie Solution – guia de integração do Squarespace

Com exceção das categorias de cookies isentas de consentimento, a Lei dos Cookies também exige que você obtenha o consentimento fundamentado e vigente dos usuários antes de armazenar e/ou rastrear cookies em seus dispositivos. Scripts que instalam ou podem instalar cookies devem ser bloqueados antes da obtenção do consentimento; os usuários devem conseguir negar ou retirar o consentimento e ser totalmente informados sobre quais ações representam consentimento.

Sugerimos que vocĂŞ leia este artigo para obter mais detalhes sobre o cumprimento da Lei dos Cookies.

Nosso Privacy Controls and Cookie Solution torna mais fácil o preenchimento desses requisitos, permitindo que você:

  • Mantenha os usuários informados por meio de banner e da página exclusiva de polĂ­tica de cookies (que Ă© automaticamente vinculada Ă  sua polĂ­tica de privacidade e contĂ©m o que Ă© necessário para o cumprimento da lei dos cookies);
  • Obtenha e salve as configurações de consentimento de cookies;
  • Bloqueie scripts antes do consentimento; e
  • Monitore e salve as configurações de consentimento de cada usuário por atĂ© 12 meses a partir da Ăşltima visita ao site.

Você pode obter consentimento por meio de diversos mecanismos, incluindo a navegação contínua, a rolagem e/ou ações específicas de clique. No entanto, observe de que as ações de consentimento permitidas podem diferir dependendo da legislação do Estado-Membro.

Configuração do Privacy Controls and Cookie Solution

O processo Ă© simples:

Se vocĂŞ já inseriu a polĂ­tica de privacidade no seu site Squarespace (que tambĂ©m inclui a polĂ­tica de cookies, caso vocĂŞ a tenha ativado), pode passar diretamente para a “Incorporação do Privacy Controls and Cookie Solution“. Caso contrário, continue lendo o disposto abaixo.

Crie sua conta e acesse o seu Dashboard > área do site/applicativo:

Observação

O Privacy Controls and Cookie Solution exige que você estabeleça um link para a política de cookies a partir de seu banner, conforme exigido por lei. Se você tiver ativado o recurso de política de cookies em sua conta da iubenda (conforme explicado aqui), o Privacy Controls and Cookie Solution inserirá automaticamente sua política de cookies na solução, assim que a opção for selecionada. Caso contrário, se você já tiver sua própria política de cookies adaptada, você pode simplesmente inserir seu link. De qualquer forma, lembre-se de que a política de cookies é obrigatória.

Incorporação do Privacy Controls and Cookie Solution em seu site

Para configurar o Privacy Controls and Cookie Solution da iubenda, vocĂŞ precisa modificar o HEAD do seu site Squarespace. Para tanto, primeiro clique em Settings > Advanced > Code Injection.

O Code Injection Ă© um recurso premium do Squarespace disponĂ­vel apenas nos planos Business e Commerce.

Na tela seguinte, você precisará copiar e colar o código do Privacy Controls and Cookie Solution da iubenda na caixa da seção Header.

VocĂŞ pode encontrar o cĂłdigo do Privacy Controls and Cookie Solution aqui: Dashboard > [Seu site/aplicativo] e depois em Privacy Controls and Cookie Solution > Incorporar.

Squarespace - Cookie Solution
Os IDs “12345678” sĂŁo apenas amostras. Seu site e sua polĂ­tica de cookies terĂŁo seus prĂłprios IDs.

Agora, basta clicar em Save.

Isso fará com que o banner de cookie/de consentimento da iubenda apareça na primeira visita de cada usuário à página. O consentimento do usuário será registrado através de sua atividade de navegação contínua e, em seguida, memorizado para que o Privacy Controls and Cookie Solution não seja reativado na próxima visita.

Squarespace - Cookie Solution

Todas as opções disponíveis para personalização de estilo e funcionamento do banner de cookie/de consentimento estão descritas neste manual.

Poucas categorias de cookies são isentas do requisito de consentimento. Portanto, você precisará bloquear a execução de scripts até obter um consentimento válido do usuário.

💡 Simplifique seu processo de bloqueio de cookies com o bloqueio automático!

Você sabia que existe uma opção mais simples para o bloqueio prévio de cookies e rastreadores? Nosso recurso de bloqueio automático automatiza o processo, economizando tempo e esforço.

Se você preferir marcar manualmente seus scripts que instalam ou podem instalar cookies, você pode seguir o guia abaixo para obter instruções passo a passo e exemplos práticos. No entanto, recomendamos considerar o recurso de bloqueio automático para uma abordagem mais simplificada.

👉 Clique aqui para saber mais sobre o bloqueio automático e como ele pode simplificar seu processo de bloqueio de cookies

Como implementar o bloqueio prévio por meio de marcação manual no seu site Squarespace

Codificação manual é o método de bloqueio prévio que usaremos para o tutorial abaixo. Você pode ver outros métodos aqui.

Para configurar o bloqueio prévio, você precisará fazer algumas pequenas alterações nos scripts do seu site. Mas é simples; basta fazer o seguinte:

  1. Identifique o script/iframe para quaisquer serviços adicionais que estejam sendo executados no seu site (por exemplo, botão Follow do Twitter)
  2. Adicione um texto simples ao cĂłdigo HTML (mostraremos como fazer abaixo!)
  3. Salvar!

Neste tutorial, vamos bloquear o botão “Follow” do Twitter.

💡 Não tem certeza de quais serviços você precisa bloquear? Se você estiver usando uma Política de Cookies gerada pela iubenda, os serviços nela listados são provavelmente os que você precisa modificar agora.

No Dashboard da sua conta, clique Website e depois Edit

Em seguida, encontre o script que você precisa modificar (simplesmente procure o serviço que deseja bloquear, neste caso, é o botão Follow no Twitter) e clique no botão Edit icon para abrir o editor de código.

Agora, vamos mudar o script. Para fazer isso, faremos 3 mudanças simples:

  • adicionar a classe: _iub_cs_activate adicionar: _iub_cs_activate Ă s tags de script e alterar o atributo “type” de text/javascript → text/plain
  • substituir o src por data-suppressedsrc ou suppressedsrc
  • especificar as categorias dos scripts/iframes com um caractere especial separado por vĂ­rgula, atributo data-iub-purposes, por exemplo data-iub-purposes="2" or data-iub-purposes="2, 3"

Mais sobre categorias e finalidades

Finalidades são suas razões legais para processar o tipo específico de dados do usuário. Diferentes scripts no seu site se enquadram em diferentes categorias e servem a diferentes propósitos. Por exemplo, o Google Analytics pode ser usado para medição, enquanto o botão do Twitter pode ser usado para experiência (Objetivo 3 abaixo). Os propósitos são agrupados em 5 categorias, cada uma com um id (1, 2, 3, 4 e 5):

  • necessários (id: 1)
  • funcionalidade (id: 2)
  • experiĂŞncia (id: 3)
  • medição (id: 4)
  • marketing (id: 5)

Para informações ainda mais detalhadas sobre categorias e finalidades, consulte nosso guia aqui.

Vamos pegar o botĂŁo “Follow” do Twitter como exemplo:

Precisamos 1. Adicionar a classe e alterar o atributo “type”, 2. substituir o src e 3. especificar as categorias.

A estrutura do cĂłdigo deve ficar assim:

Prior blocking checkbox - Flow page
<p>Twitter follow button:</p>

        <!-- please note type="text/plain" class="_iub_cs_activate" data-suppressedsrc="..." (manual tagging) and data-iub-purposes="3" (per-category consent) -->
<a href="https://twitter.com/iubenda" class="twitter-follow-button" data-show-count="false">Follow @iubenda</a>
  <script async type="text/plain" class="_iub_cs_activate" data-suppressedsrc="https://platform.twitter.com/widgets.js" data-iub-purposes="3" charset="utf-8"></script>

Agora que vocĂŞ fez suas alterações, basta clicar em ‘Save’ e pronto.

NĂŁo tem certeza se vocĂŞ configurou corretamente? Confira o exemplo e as perguntas frequentes abaixo

Exemplo

Este é um exemplo que mostra tudo o que descrevemos acima, você pode usar este code pen como guia para ver o que acontece antes e depois de bloquear scripts via marcação manual.

(veja o exemplo)

Para demonstrar o recurso de bloqueio de cookies, incorporamos um vĂ­deo do YouTube e o botĂŁo Follow no Twitter:
Siga @iubenda

Ambos os scripts são bloqueados por meio de marcação manual. Como o widget de vídeo do YouTube e o botão Follow do Twitter fazem parte da finalidade de experiência (id 3), adicionamos data-iub-purposes="3" aos scripts para que o Privacy Controls and Cookie Solution possa identificá-los adequadamente para liberação.

Clique no botĂŁo Accept – ou somente ative o “ExperiĂŞncia” toggle – para liberar esses scripts (atualize a página para retornar ao ponto inicial).

Como posso saber se configurei o bloqueio prévio corretamente?

Como você pode ver no exemplo do code pen, os scripts do Youtube e do Twitter não são carregados se você não consentir. (Você pode testar esta função novamente abrindo este link (https://codepen.io/iubenda/pen/KKKxmVO/?editors=1000 (https://codepen.io/iubenda/pen/KKKxmVO/?editors=1000%3C/a)>) no modo de navegação anônima do seu navegador)

Depois de salvar, abra seu site no modo de navegação anônima e verifique se os scripts que você bloqueou por meio de marcação manual permanecem bloqueados até você consentir.

 

Veja também