Diogo Abrantes da Silva

Neste artigo vão conseguir ter o passo a passo para adicionar um banner de aceitação de cookies de consentimento obrigatório, tal e qual como os grandes publishers, de forma gratuita. Para ver um exemplo (se ainda não viram ao entrar neste website), podem visitar a minha loja de testes. O banner é completamente implementado por Google Tag Manager.

⚠️ IMPORTANTE: A pesar to texto atual do banner já estar em conformidade com RGPD deverão sempre confirmar a informação com os vossos DPOs.

Índice:

• Implementação do banner de aceitação cookies gratuito
  1. Instalação do banner no GTM
  2. Como funciona
  3. Alterar texto do banner
  4. Alterar cores dos botões

Implementação do banner de aceitação cookies gratuito

Instalação do banner no Google Tag Manager

1 O primeiro passo é fazer o download do container do Google Tag Manager (GTM).
O GTM permite que sejam importadas configurações previamente criadas de Tags (etiquetas), Triggers (acionadores) e Variables (variáveis) com a importação de um ficheiro. Sendo assim, depois de criar o banner de cookies, exportei todas as configurações da minha container para que possam importar na vossa conta de GTM.

Download Cookie Banner GTM

2 Para instalar as configurações de GTM do cookie banner é necessário entrar na parte de “Admin” e escolher a opção: “Importar contentor” admin –> importar contentor (imagem infra).

3 Eis os passos a seguir de forma a adicionar esta configuração sem alterar as configurações/tags já existentes no vosso GTM:

1. Selecionar o ficheiro do download
2. Selecionar o workspace (espaço de trabalho) existente
3. Selecionar “intercalar”
4. Selecionar “mudar o nome de etiquetas em conflito”.

Como funciona o cookie banner por GTM

O funcionamento é fácil e basta copiar as tags existentes mediante os triggers existentes. É necessário apenas editar as tags que têm atualmente no vosso GTM e aplicar o trigger mediante se são tags de nível 2 ou 3. As tags de nível 1 são sempre carregadas.

 

 

Alterar texto do banner

O cookie banner de GTM tem um texto pré-definido que deverá sempre ser verificado mediante o vosso DPO. Este texto é genérico e adaptado dos grandes publishers. É possível que o vosso negócio, dependente das tags que utilizam, não necessite de um texto tão completo.

Sendo assim, para alterar o texto do cookie banner basta irem às variáveis e alterar a variável com o nome: “gdprPopInHtmlStrings – Texto Cookie Banner” e editar a informação.

⚠️ IMPORTANTE: este texto está em HTML e é necessário saber um pouco de HTML de forma a editar o texto. Se não conseguirem, podem sempre me contactar.

Alterar as cores do cookie banner

De forma ao banner estar mais adaptado com o design do vosso website, adicionei várias variáveis para que consigam alterar a cor dos botões e texto. Sendo assim, criei algumas variáveis:

• Constant – Cor Botão (#hex)
• Constant – Cor Botão – Mais opções (#hex)
• Constant – Cor Botão hover (#hex)
• Constant – Cor TEXTO Botão (#hex)
• Constant – Cor TEXTO Botão – Mais opções (#hex)

⚠️ IMPORTANTE: o código de cores a ser alterado deverá ser mediante o código hex de cores.

 

Conclusão

É importante ter em mente que este banner consegue apenas controlar os cookie das tags implementadas por Google Tag Manager. Caso tenham tags implementadas fora do GTM o cookie banner não conseguirá impedir que esses cookies sejam disparados. Contudo, esta solução apresenta-se como inteiramente gratuita e na verdade obriga-nos a nós, marketers, a ter uma regra de implementação de serviços e tags por GTM.

De adicionar um agredecimento enorme pela base deste cookie banner pelo santiano.io.

Se tiverem feedback ou necessitarem de ajuda estou por aqui e podem sempre falar comigo. Espero que este artigo vos ajude.