Configurar o Consentl na sua plataforma
Escolha a sua plataforma e siga o guia. Cada um mostra como instalar e conectar o Consentl, o que configurar, como verificar que funciona e o que a plataforma não permite.
Como as peças se encaixam
- Painel
- Em app.consentl.com. É aqui que desenha o banner, escolhe as suas regiões, revê os cookies e os textos e encontra os seus registos de consentimento e pedidos relativos a dados pessoais.
- Chave do site
- Um ID público que começa por sk_ e indica ao Consentl as definições de que site deve utilizar. Não é uma palavra-passe.
- Loader
- Um único script, o primeiro no <head>. Aplica a escolha do visitante, retém as tags que aguardam consentimento e mostra o banner quando necessário.
- Plugin ou fragmento de código
- Os plugins acrescentam o loader por si e transmitem cada escolha às definições de consentimento próprias da sua plataforma. Em qualquer outro site, cola o fragmento de código pessoalmente.
Antes de começar (todas as plataformas exceto Shopify)
- Crie uma conta gratuita em app.consentl.com e adicione o seu site com todos os nomes de anfitrião em que funciona (www e o domínio sem www contam como um só; adicione os domínios de staging separadamente). Começar grátis
- Copie a chave do site a partir da página Configuração do site. Começa por sk_ e é pública: identifica o seu site, não é uma palavra-passe.
- Os plugins podem obter a chave por si com o botão de conexão. Caso contrário, cole-a ou acrescente pessoalmente o script do loader.
- As lojas Shopify utilizarão, em vez disso, a aplicação Consentl para Shopify, que não precisa de chave do site. Está para breve. Aplicação para Shopify (brevemente)
Shopify
Shopify
A aplicação Consentl para Shopify está para breve: incorporação no tema, sem código nem chave do site, que transmite cada escolha à Customer Privacy API.
Plugins para plataformas
WordPress
Instale o plugin Consentl, clique em Ligar e o banner carrega primeiro no <head>. Funciona com a WP Consent API, caches, WPML, Polylang, temas de blocos e clássicos.
WooCommerce
As lojas WooCommerce usam o plugin Consentl para WordPress, que mantém a atribuição de encomendas desativada até ser permitido o marketing e funciona com cache.
Shopware 6
O plugin Consentl para Shopware 6.6 e 6.7 põe o banner primeiro no <head>, substitui a barra de cookies e sincroniza os grupos de cookies com cada escolha.
PrestaShop
O módulo Consentl para PrestaShop 8 e 9: o banner em primeiro lugar no <head>, páginas de privacidade prontas, shortcodes e widgets, multiloja e o módulo RGPD oficial.
Magento 2
O módulo Consentl para Magento e Adobe Commerce 2.4.6 a 2.4.8: o loader logo a seguir a <meta charset>, uma ligação ao Cookie Restriction Mode e widgets CMS. Luma e Hyvä.
Qualquer site
Qualquer site (fragmento de código)
Acrescente uma tag script em primeiro lugar no <head> do seu site. O banner, os textos, as regiões, o Consent Mode e o bloqueio são configurados no painel.
Google Tag Manager
Modelo para o Google Tag Manager, importado manualmente, que define as predefinições do Consent Mode v2 por região e, no Pro e superiores, transmite cada escolha.
Criadores de sites
Webflow
Adicione o loader do Consentl ao Head code do Webflow, transmita a escolha ao Webflow Analyze e saiba o que significa não estar em primeiro lugar no head.
Wix
Adicione o Consentl como código personalizado do Wix, use as Marketing Integrations, transmita cada escolha ao Consent Policy Manager e conheça os limites.
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.
BigCommerce
Instale o Consentl no BigCommerce com o Script Manager ou no tema Stencil para um bloqueio prévio estrito, sem tocar na finalização da compra; também para Catalyst.
Ghost
Adicione o Consentl ao Ghost com a injeção de código, ou no tema para ficar em primeiro lugar no <head>, e veja que funcionalidades do Ghost não são retidas.
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.
Frameworks
Next.js
Coloque o Consentl em primeiro lugar no <head> do layout raiz do App Router, carregue as outras tags com um componente ConsentlScript ou use o _document.
Nuxt
Adicione o loader do Consentl ao Nuxt 3 e 4 com app.head e tagPriority 0, para que seja apresentado antes de qualquer outro script.
Astro
Adicione o loader do Consentl ao layout base do Astro com is:inline, para que o Astro não o inclua num módulo diferido. Funciona com view transitions (ClientRouter).
React, Vue, Angular (SPA)
Coloque o loader do Consentl no index.html, e não num componente, nas aplicações de página única criadas com Vite, Create React App ou Angular CLI.