Paso 1: Configura un banner de consentimiento
- Regístrate para obtener una cuenta de CookieFirst.
- Configura el banner con el asistente "Getting Started" (Empezar).
- Asegúrate de que tu banner cumpla los requisitos de la Política de Consentimiento de Usuarios de la Unión Europea de Google.
Para obtener más información sobre la configuración del banner, consulta la guía de implementación de CookieFirst.
Paso 2: Configura el modo de consentimiento
Configurar con Google Tag Manager
- Abre Google Tag Manager y desplázate a tu contenedor.
- En "Etiquetas", haz clic en Nueva y asígnale un nombre a tu etiqueta.
- Haz clic en Configuración de la etiqueta y, a continuación, en Descubrir más tipos de etiquetas en la galería de plantillas comunitarias. En la galería, busca "CookieFirst" y, a continuación, instala "CookieFirst CMP integration (Consent Mode)" de CookieFirst.
- En el panel de control de CookieFirst, ve a "Configuración de tu dominio" y selecciona Insertar secuencia de comandos en la barra lateral izquierda. Copia la clave de API de tu dominio.
- Vuelve a Tag Manager y pega la clave de API de tu dominio.
- Determina la configuración predeterminada que quieras en la sección "Configuración predeterminada del modo de consentimiento".
- Añade una fila en la configuración global y deja en blanco el campo "Regiones". Puedes añadir filas adicionales para definir la configuración específica de la región usando códigos de país ISO 3166-2 separados por comas en el cuadro "Región".
- Haz clic en Añadir y, a continuación, en Activación.
- Selecciona "Inicialización del consentimiento - Todas las páginas" y, a continuación, haz clic en Guardar.
- En la esquina superior derecha, haz clic en Previsualizar para probar el contenedor. Consulta las instrucciones para hacer pruebas que se indican más abajo.
- Publica el contenedor.
Configurar con otra plataforma o directamente en el código de tu sitio web
Puedes configurar los valores predeterminados de Google Consent Mode v2 para el banner de cookies. Es importante asegurarse de que la secuencia de comandos de inserción del banner de cookies se cargue antes de añadir las etiquetas de Google en la parte superior de la sección <head> de tu sitio web. Este paso es fundamental para confirmar que la CMP funciona correctamente. Consulta más información sobre Google Consent Mode v2 sin GTM (integración manual).
- Abre CookieFirst y, a continuación, ve a la página "Configuración del dominio".
- Busca la sección "Configuración del modo de consentimiento de Google".
- Activa el interruptor Habilitar el modo de consentimiento de Google .
- Activa el interruptor Definir los valores predeterminados del modo de consentimiento de Google para el banner de cookies.
- En la siguiente sección, deberás definir los tipos del modo de consentimiento en función de la región. Nota: Si te encuentras en la UE y en el EEE, te recomendamos que dejes los ajustes predeterminados desactivados. Si te encuentras fuera de la UE, consulta a tu equipo legal para determinar la mejor forma de actuar.
- Haz clic en Guardar para terminar de configurar el banner.
- En el panel de control de CookieFirst, ve a "Configuración de tu dominio" y selecciona Insertar secuencia de comandos en la barra lateral izquierda. Copia el código que aparece en el cuadro de código de debajo de "Red de distribución de contenido".
- Si usas un creador de sitios web, consulta su documentación para saber cómo implementar el código en la etiqueta "head" de cada página.
- En la etiqueta
<head>de cada página (consulta las instrucciones anteriores si usas un creador de sitios web), pega el siguiente código, seguido del script de la CMP que has copiado antes, en la parte superior de la etiqueta<head>. Ten en cuenta que este paso es fundamental para que la CMP funcione correctamente.
<script>
// Define dataLayer and the gtag function.
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
// Set default consent for specific regions according to your requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied',
'regions':[<list of ISO 3166-2 region codes>]
});
// Set default consent for all other regions according to your requirements
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
</script>
<!--Banner script here!-->
Hacer pruebas con Tag Assistant
Más información sobre cómo solucionar problemas del modo de consentimiento con Google Tag Manager