CookieJeiBeta

← Manual

Instalar CookieJei con Google Tag Manager

En GTM hacen falta dos etiquetas, las dos con activador Consent Initialization – All Pages: una fija el consentimiento por defecto (Consent Mode) y otra carga el banner.

La vía recomendada sigue siendo pegar el código en el <head> de la web (control temprano completo). Usa GTM solo si ya orquestas ahí el resto de etiquetas. El siteKey y el HTML del banner los copias desde Instalación en tu panel.

Antes de empezar

Paso 1 — Importar la plantilla de consent default

Descarga la plantilla oficial de CookieJei (archivo .tpl) e impórtala en tu contenedor. Evita crear la plantilla a mano salvo que no puedas descargar el fichero.

Descargar plantilla GTM (.tpl)

Cómo importar una plantilla en GTM

  1. En el contenedor, abre Plantillas (menú lateral).
  2. En la sección Plantillas de etiquetas, pulsa Nueva.
  3. En la esquina superior derecha del editor, abre el menú ⋮ (más acciones) → Importar.
  4. Elige el fichero CookieJei - Inicializacion del consentimiento.tpl que descargaste y confirma.
  5. Revisa pestaña Permisos: deben aparecer las siete señales de Consent Mode con lectura y escritura. Guarda la plantilla (p. ej. «CookieJei – Inicialización del consentimiento»).

Crear la etiqueta desde la plantilla

  1. Ve a Etiquetas → Nueva.
  2. Configuración de la etiqueta → elige la plantilla CookieJei que acabas de importar (no hace falta rellenar campos).
  3. Activador: Consent Initialization – All Pages.
  4. Guarda la etiqueta.

La plantilla usa wait_for_update: 2000 para dar margen al runtime async (paso 2) antes de que Google dispare etiquetas en cola.

Paso 2 — Etiqueta del banner

Segunda etiqueta: HTML personalizado (sin document.write). Activador otra vez Consent Initialization – All Pages. El código lo copias del panel (lleva tu siteKey). Forma:

<script>
(function () {
  var s = document.createElement('script');
  s.src = 'https://cookiejei.jei-you.com/js/cookiejei.js';
  s.async = true;
  s.setAttribute('data-site-key', 'TU_SITE_KEY');
  document.head.appendChild(s);
})();
</script>

Sustituye TU_SITE_KEY por el valor de Instalación, o pega directamente el snippet ya rellenado del panel.

Qué verás en Preview

  1. Consent Overview: señales en denied salvo security_storage (granted).
  2. Tras aceptar en el banner: consent update granted en las categorías elegidas.
  3. Evento de dataLayer cookiejei_consent_update (útil para etiquetas propias; GA4/Ads usan Consent Mode, no una variable plana «consent»).
  4. Con ?debug=1 en la web: [CookieJei] config ok en la consola.

Límite de instalar solo vía GTM

El contenedor ya ha arrancado: el control temprano (Early) del head no es el mismo que con el snippet HTML. Para el máximo control en el primer paint, prioriza la instalación en el código de la web.

Alternativa: crear la plantilla a mano (sin .tpl)

Solo si no puedes importar el fichero. Plantillas → Nueva → sin campos. En Código:

const setDefaultConsentState = require('setDefaultConsentState');

setDefaultConsentState({
  'ad_storage': 'denied',
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'analytics_storage': 'denied',
  'functionality_storage': 'denied',
  'personalization_storage': 'denied',
  'security_storage': 'granted',
  'wait_for_update': 2000
});

data.gtmOnSuccess();

En Permisos, concede lectura y escritura a ad_storage, ad_user_data, ad_personalization, analytics_storage, functionality_storage, personalization_storage y security_storage.

Relacionado: Permisos de consentimiento · Pixels y herramientas · Ir al panel