Saltar al contenido principal

Instalación manual

Tiempo: ~5 minutos Requisitos: Acceso al código fuente HTML de su sitio web

Paso 1: Copie su fragmento de incrustación​

En su panel de ConsentForge, vaya a Propiedad → Embed y copie su fragmento:

<script
  src="https://cdn.consentforge.com/consentforge.min.js"
  data-token="YOUR_EMBED_TOKEN"
  data-position="bottom"
  data-theme="auto"
  defer
></script>

Paso 2: Agréguelo a su HTML​

Pegue el fragmento antes de </head> — no al final de <body>.

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Mi sitio</title>
  <!-- ConsentForge — debe ir antes de cualquier script de terceros -->
  <script
    src="https://cdn.consentforge.com/consentforge.min.js"
    data-token="cf_live_abc123"
    defer
  ></script>
</head>
<body>
  ...
</body>
</html>
El orden importa

El script de ConsentForge debe cargarse antes de cualquier script de terceros (Google Analytics, Meta Pixel, etc.) para que el bloqueo de scripts funcione correctamente.

Paso 3: Marque los scripts de terceros para bloqueo​

Añada type="text/plain" y data-consent-category a cualquier script que desee bloquear hasta que se otorgue el consentimiento:

<!-- ANTES: se carga inmediatamente, ignora el consentimiento -->
<script src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>

<!-- DESPUÉS: bloqueado hasta que el usuario consiente "analytics" -->
<script
  type="text/plain"
  data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"
></script>

Valores de categoría:

ValorSignificado
necessarySiempre se carga (sin bloqueo)
analyticsSe carga tras el consentimiento de analítica
marketingSe carga tras el consentimiento de marketing
functionalSe carga tras el consentimiento funcional

Paso 4: Pruebe​

Abra su sitio en una ventana de incógnito. El banner de consentimiento debe aparecer antes de que se carguen los scripts bloqueados. Verifique en DevTools → Red que los scripts bloqueados no aparecen hasta después del consentimiento.

Ejemplos comunes​

Google Analytics 4​

<script type="text/plain" data-consent-category="analytics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script type="text/plain" data-consent-category="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXX');
</script>

Meta Pixel​

<script type="text/plain" data-consent-category="marketing">
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){...}
  fbq('init', 'YOUR_PIXEL_ID');
  fbq('track', 'PageView');
</script>

Incrustación de YouTube​

<!-- Use data-src en lugar de src -->
<iframe
  data-src="https://www.youtube.com/embed/VIDEO_ID"
  data-consent-category="marketing"
  width="560" height="315"
  frameborder="0">
</iframe>