Como adiciono o banner de consentimento da Termly ao meu site do Construtor de Sites?
Com o complemento , pode atualizar o seu banner de consentimento para personalizar as suas definições e aparência, além de aceder a muitos outros recursos úteis que podem ajudar o seu site a cumprir as leis de privacidade.
Abaixo, vamos explicar as etapas para adicionar o banner de consentimento atualizado ao seu site do Construtor de Sites com o componente de código.
Prefere assistir a um vídeo?
Temos um tutorial em vídeo passo a passo sobre como usar o painel do Termly e adicionar o banner de consentimento ao seu site do Website Builder: no YouTube.
- Antes de começar
- Passo 1 - Desative o banner de consentimento no painel do Construtor de Sites
- Passo 2 - Inicie sessão no painel do Termly
- Passo 3 - Verifique se o seu site contém cookies
- Passo 4 - Personalize o seu banner de consentimento
- Passo 5 - Copie o código HTML do banner de consentimento
- Passo 6 - Escolha o componente de código no Construtor de Sites
- Passo 7 - Incorpore o código do banner de consentimento ao seu site
- Passo 8 - Altere as definições do componente de código
- Passo 9 - Incorpore o código do centro de preferências ao seu site
- Passo 10 - Ajuste a localização e o estilo do link do centro de preferências
- Passo 11 - Salve e publique o seu site
Antes de começar
Para adicionar o banner de consentimento atualizado ao seu site do Website Builder, você precisa de uma assinatura e acesso ao componente de código do Website Builder. O componente de código está incluído nos planos Website Builder Premium e Business + E-commerce.
Passo 1 - Desative o banner de consentimento no painel do Construtor de Sites
Se já estiver a utilizar o banner de consentimento básico do Website Builder (que também é fornecido pela Termly), desative-o antes de incorporar o banner de consentimento atualizado no seu site.
- Abra o painel do Website Builder a partir do Painel de Controlo.com.
- Clique em «Definições do site » e selecione «Banner de consentimento » no menu à esquerda.
- Certifique-se de que o banner de consentimento não está ativado — o botão deve aparecer a cinzento. Se o banner de consentimento estiver ativo, desative-o clicando no botão.
- Publique o seu site.
Passo 2 - Inicie sessão no Painel Termly
-
Inicie sessão no Painel de controlo da one.com e clique em Trimestral em Definições avançadas.
-
Clique no botão azul «Ir para o Termly ». Se ainda não tem uma subscrição do Termly, pode adquiri-la nesta página.
- Insira o seu e-mail e a sua palavra-passe do Termly e clique no botão Entrar para iniciar sessão no painel do Termly.
Passo 3 - Verifique se o seu site contém cookies
- No painel do Termly, clique em Gestão de consentimentos > Cookies no menu à esquerda.
- Clique em Analisar agora.
Passo 4 - Personalize o seu banner de consentimento
- No menu à esquerda, clique em Gestão de consentimento > Banner de consentimento. Nesta página, pode ajustar as definições e a aparência do seu banner.
- Quando estiver pronto, clique em Guardar na parte inferior da página.
Para obter mais informações sobre as opções de personalização, consulte o guia" (Personalizar o seu site).
Passo 5 - Copie o código HTML do banner de consentimento
- Na página Consent Banner, clique no botão Instalar na parte superior.
- Na janela pop-up que se abre, pode ver o estado da verificação de cookies e os próximos passos para instalar o banner. Clique em Incorporar na Etapa 2.
- Na janela seguinte, clique em HTML simples.
- Agora pode ver o script que deve ser adicionado ao componente de código do Website Builder. Também pode escolher se deseja ativar a funcionalidade Auto Blocker. Copie o código clicando em Copiar para a área de transferência.
Passo 6 - Escolha o componente de código no Construtor de Sites
- Aceda ao editor do Website Builder.
- No menu à esquerda, clique em Mais e selecione Código.
Passo 7 - Incorpore o código do banner de consentimento ao seu site
- Na janela pop-up, escolha Antes de fechar </head> como Posicionamento do código.
- Cole o script do banner de consentimento no campo e clique em Guardar.
Passo 8 - Altere as definições do componente de código
- Agora pode ver o componente de código na parte superior da sua página no editor. Clique nele para abrir as suas Definições.
- Nas definições do componente de código, clique em Posicionamento e marque a caixa de seleção em Aplicar a todas as páginas, para que o banner de consentimento possa ser exibido em todas as páginas do seu site.
Passo 9 - Incorpore o código do centro de preferências ao seu site
Além do banner de consentimento, recomendamos adicionar um link para o Centro de preferências ao seu site. Ao clicar nele, os seus visitantes podem alterar as suas preferências de cookies.
No editor do Website Builder, crie outro componente de código clicando em Mais e , em seguida, em Código no menu à esquerda.
Na janela pop-up, escolha Normal como Posicionamento do código.
Copie e cole o seguinte código no campo e clique em Guardar:
<a href="#" class="termly-display-preferences" style="color:#000000;">Preferências de consentimento</a>
Passo 10 - Ajuste a localização e o estilo do link do centro de preferências
Arraste o componente do código do Centro de preferências para onde deseja colocar o link no seu site. Recomendamos colocá-lo no rodapé, pois assim ficará visível em todas as páginas.
Pode alterar a aparência do link ajustando o seu código com estilos CSS. Clique no componente do código, selecione Editar código e adicione os estilos CSS que desejar.
No exemplo abaixo, definimos a cor do link como preta e removemos o sublinhado:
<a href="#" class="termly-display-preferences" style="color:#000000; text-decoration: none;">Preferências de consentimento</a>
Passo 11 - Salve e publique o seu site
Guarde e publique o seu site para tornar as alterações visíveis online.
Para verificar se o banner de consentimento está a funcionar, abra o seu site no modo de navegação anónima. Se não conseguir ver o banner de consentimento, tente limpar os cookies e verifique se concluiu todas as etapas acima.
Artigos Relacionados: