Cookield

Integrações

Guias passo a passo para integrar a Cookield nas principais plataformas e frameworks. Todas as integrações usam o mesmo script — a diferença está apenas em onde adicioná-lo.

WordPress

Instale via plugin oficial ou manualmente no header.php/functions.php.

Google Tag Manager

Custom HTML tag + Consent Mode v2 + eventos dataLayer.

Shopify

Adicione ao theme.liquid em poucos cliques. Funciona com todos os temas.

Next.js

App Router e Pages Router com componente Script e Consent Mode.

React / SPA

Hooks, eventos de consent e tipos TypeScript para aplicações React.

HTML / JavaScript

Integração universal com configuração, eventos e callbacks.

Instalação universal

Independente da plataforma, a integração é sempre o mesmo script:

<script src="https://cdn.cookield.io/banner/SEU_BANNER_ID.js" async></script>

Substitua SEU_BANNER_ID pelo ID encontrado em Dashboard → Banners → Instalação.

Dicas gerais

  • ✓Sempre adicione o script antes de outros scripts de terceiros.
  • ✓O atributo async garante que o script não bloqueie a renderização da página.
  • ✓Não é necessário configuração JavaScript — tudo é gerenciado pelo Dashboard.
  • ✓Para SPAs (Single Page Applications), o script se adapta automaticamente à navegação client-side.