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)

  1. 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
  2. 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.
  3. 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.
  4. 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.